[jQuery] 2. jQuery 구문과 선택자

jQuery 기본 구문

이벤트 처리

이벤트 처리_mouseenter, mouseleave, mousedown, mouseup

jQuery 선택자

　▷ 특정 동작을 적용시킬 HTML 요소를 지정

　　 ＊CSS 선택자와 동일한 표기법 사용

$("*")	전체 선택자	문서의 모든 요소를 선택
$("img")	태그 선택자	요소명이 img인 요소를 선택
$("#mydiv")	아이디 선택자	id="mydiv"인 요소를 선택
$(".mydiv")	클래스 선택자	class="mydiv"인 요소를 선택
$("p.mydiv")	클래스 선택자	class="mydiv"인 p 요소를 선택
$("#main p")	자손 결합자	id="main"인 요소에 포함된 모든 p 요소 선택
$("div > em")	자식 결합자	div 요소의 직계 자식 요소 중에서 em 요소 선택
$("h1 + p")	인접 형제 결합자	h1 요소 바로 뒤에 오는 첫 번째 동생인 p 요소 선택
$("li.style1 ~ li")	일반 형제 결합자	class="style1"인 li 요소 다음에 오는 형제 관계에 있는 모든 li 요소 선택
$("h1, div, p")	그룹 결합자	나열된 h1, div, p를 모두 선택
$("input[name]")	속성 선택자	name 속성을 사용하는 input 요소를 선택
$("input[type='text']")	속성 선택자	input 요소 중에서 type="text"인 요소를 선택
$("this")		현재 요소를 선택