id, class, name으로 접근
$("#id") // id는 1개만가능
$(".class") // class는 중복가능
$("tag_name[name=name]") //
값 가져오기 및 값변경하기
.val(); // 값을 가져올때나 변경할때
.text(); // text만 가져오거나 변경
.html(); // text+html태그 가져오거나 변경
.empty(); // 값 비우기 .val("");랑 비슷하다고 보면됩니다.
.remove(); // tag까지 제거
포커스
.focus(); // focus 줄때
.blur(); // focus 벗어날때
클릭
.click(); // click 이벤트
마우스이벤트
.mouseenter(); // 마우스on 이벤트
.mouseleave(); // 마우스out 이벤트
.hover(); // 마우스오버이벤트
애니메이션
.fadeIn() // 애니메이션 서서히 생기는 (값안에 시간 or slow fast입력시 속도조절가능)
.fadeOut() // 서서히 사라지는
.slideUp() // 위로 사라짐 시간조절 가능
.slideDown() // 아래로 나타남
animate({},시간값);
animate({},function(){}); // 애니메이션이 끝나고 함수안에 또 애니메이션을 넣을수있음
클래스 css
.addClass('추가할 클래스 이름')
.removeClass('제거할 클래스 이름');
.attr('속성','속성값'); // src="", alt="", title="" 값 변경
.css('css속성','값'); // float, display, width, height, color, background, margin, padding 등 여러 속성 제어가능
태그
.hide(); // 숨기기
.show(); // 나타내기
대상1.append(대상2); // 대상1 태그안에 대상2 태그를 넣을수있음
대상2.appendTo(대상1); // 대상1 태그안에 대상2 태그를 넣을수있음
text창 활성화 비활성화
$("input").prop('disabled', true); // 비활성화
$("input").prop('disabled', false); // 활성화
'IT > Jquery' 카테고리의 다른 글
| Jquery 사용하기 (0) | 2017.09.28 |
|---|
