자주 쓰이는 jQuery 함수 모음

자주 쓰이는 jQuery들을 그룹별로 묶어 정리하였습니다.

 

jQuery 선택자

선택자명	설명
$('tag')	태그명으로 요소 선택
$('.class')	class명으로 요소 선택
$('#id')	id명으로 요소 선택
$('div li')	div 안에 있는 모든 li 요소 선택
$('div > p')	div 의 p태그라는 직계 자식 선택
$('this')	현재 선택 중인 요소 선택

 

jQuery 메소드

메소드명	설명
eq(n)	n번째 위치하는 요소 선택
length()	요소의 개수 반환
parent() / parents()	요소의 직계 부모 / 모든  부모 선택
children("a")	요소의 a태그의 직계 자손 선택
prev() / nex()	이전 / 다음 요소 선택
val()	텍스트에 입력한 값 반환
text()	해당 요소의 텍스트를 변경
move() / clone()	해당 요소 이동 / 복제
removed()	해당 요소 삭제
bind / unbind	해당 이벤트 실행 시 함수 실행 / 이벤트 제거
addClass() / removeClass()	클래스 추가 / 클래스 삭제

 

jQuery 이벤트

이벤트명	설명
mousedown()	노드 영역에서 마우스 올렸다 내린 경우
mouseenter()	노드에 마우스가 진입한 경우
mouseleave()	노드 영역 밖으로 마우스가 나간 경우
mousemove()	노드 영역에서 마우스가 움직이는 경우
mouseover()	노드 영역에 마우스를 올려놓은 경우
mouseup()	마우스  포인터를 노드 영역에 올리고, 마우스 버튼을 눌렀을 때 발생

 

jQuery 키보드 이벤트

이벤트명	설명
keydown()	키보드가 눌린 경우
keyup()	키보드가 눌렸다 떼진 경우
keypress()	글자가 입력된 경우

 

 

참고 블로그

[jQuery] 자주쓰는 제이쿼리 함수 (모음)