jQuery - 선택기

$("p")

jQuery - 선택기

jQuery 선택기를 사용하면 HTML 요소를 선택하고 조작할 수 있습니다.

jQuery 선택기는 이름, ID, 클래스, 유형, 속성, 속성 값 등을 기반으로 HTML 요소를 "찾거나 선택"하는 데 사용됩니다. 기존 CSS Selectors 를 기반으로 하며, 일부 고유한 사용자 지정 선택기가 있습니다.

jQuery의 모든 선택자는 달러 기호와 괄호 $()로 시작합니다.

 

 

요소 선택기

 

jQuery 요소 선택기는 요소 이름을 기반으로 요소를 선택합니다.

<p>다음과 같이 페이지의 모든 요소를 ​​선택할 수 있습니다 .

$("p")

 

 

#id 선택기

jQuery 선택기는 HTML 태그의 id 속성을 사용하여 특정 요소를 찾습니다.#id

id는 페이지 내에서 고유해야 하므로 하나의 고유한 요소를 찾으려면 #id 선택기를 사용해야 합니다.

특정 ID를 가진 요소를 찾으려면 HTML 요소의 ID 뒤에 해시 문자를 작성하십시오.

$("#test")

 

 

 

.class 선택기

jQuery .class선택기는 특정 클래스의 요소를 찾습니다.

$(".test")

 

 

jQuery 선택기의 더 많은 예

 

$("*")	Selects all elements
$(this)	Selects the current HTML element
$("p.intro")	Selects all <p> elements with class="intro"
$("p:first")	Selects the first <p> element
$("ul li:first")	Selects the first <li> element of the first <ul>
$("ul li:first-child")	Selects the first <li> element of every <ul>
$("[href]")	Selects all elements with an href attribute
$("a[target='_blank']")	Selects all <a> elements with a target attribute value equal to "_blank"
$("a[target!='_blank']")	Selects all <a> elements with a target attribute value NOT equal to "_blank"
$(":button")	Selects all <button> elements and <input> elements of type="button"
$("tr:even")	Selects all even <tr> elements
$("tr:odd")	Selects all odd <tr> elements