Jquery 선택자 $(selector)

2024년 04월 05일
JAVASCRIPT & Jquery
0 0

태그 이름으로 요소 선택
$(“p”) // Selects all <p> elements


클래스별로 요소 선택
$(“.myClass”) // Selects all elements with class “myClass”


ID로 요소 선택
$(“#myElement”) // Selects the element with ID “myElement”


속성별로 요소 선택
$(“[name=’firstName’]”) // Selects elements with the attribute name=”firstName”


하위 요소 선택
$(“#parentElement .childElement”) // Selects elements with class “childElement” that are descendants of an element with ID “parentElement”


그룹의 첫 번째 요소 선택
$(“ul li:first”) // Selects the first <li> element within each <ul>


그룹의 마지막 요소 선택
$(“ul li:last”) // Selects the last <li> element within each <ul>


짝수/홀수 요소 선택
$(“ul li:even”) // Selects even-indexed <li> elements within each <ul>
$(“ul li:odd”) // Selects odd-indexed <li> elements within each <ul>


위치별 요소 선택
$(“ul li:eq(2)”) // Selects the third <li> element within each <ul> (zero-based index)
$(“ul li:lt(3)”) // Selects the first three <li> elements within each <ul> (less than index)
$(“ul li:gt(3)”) // Selects elements after the third <li> element within each <ul> (greater than index)

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다