[jQuery] selector 사용법, 이벤트 정리

jQuery selector

selector	selector가 가르키는 의미
$("*")	모든태그 전부다
$(this)	클릭한 태그
$("p.intro")	p태그의 클래스가 intro 인것
$("p:first")	p태그중 첫번째
$("ul li:first")	ul태그 안의 li태그의 첫번째 (부모 자식)
$("ul li:first-child")	ul태그들의 li태그의 첫번째 모든 자식들
$("[href]")	현재 href속성이 있는 엘리먼트 들
$("a[target='_blank']")	a태그의 target속성이 _blank인 것
$("a[target!='_blank']")	a태그의 target속성이 _blank가 아닌것
$(":button")	button과 input타입의 버튼 둘다 조회가능
$("tr:even")	짝수행
$("tr:odd")	홀수

:은 필터의 의미이다.

[ ]  = attribute, 속성

placeholder = 힌트

익명의 함수 = 콜백 함수

 

마우스 키보드 이벤트 정리

click	keypress	submit	load
dblclick	keydown	change	resize
mouseenter	keyup	focus	scroll
mouseleave		blur	unload
hover(function a, functionb)