웹페이지 개발을 보다 동적으로 하기 위해 제이쿼리를 사용하는데

이때 문서 객체 구조 요소를 선택하기 위해 '선택자'를 이용합니다.

선택자와 사용법 입니다.



 선택자

사용 예시 

설명 

$("*") 

전체 요소 선택 

 #

$("#id") 

id를 가진 요소 선택

 .

$(".class") 

class를 가진 요소 선택

 다중 #

$("#id1", "#id2") 

id1, id2를 가진 요소 선택 

다중 .

$(".class1", ".class2") 

class1, class2를 가진 요소 선택 

 element

$("p") 

<p> 태그에 해당되는 요소 선택 

$("div") 

<div> 태그에 해당되는 요소 선택 

 $("body")

<body> 태그에 해당되는 요소 선택 

다중 element 

$("p", "div", "body") 

각 태그에 해당되는 요소 선택

:first

$("li:first")

li의 첫번째 요소 선택 

:last

$("li:last")

li의 마지막 요소 선택 

:even

$("li:even")

li의 짝수번째 요소 선택 

:odd

$("li:odd")

li의 홀수번째 요소 선택 

parent()

$("요소").parent() 

선택 요소의 부모 요소 선택 

parents()

$("요소").parents() 

선택 요소의 전체 상위 요소 선택 

:eq(n) 

$("요소:eq(0)") 

요소 자식의 인덱스n 요소 선택 


+ Recent posts