Jquery 기본적인 명령어 및 이벤트

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);  // 활성화