ejyoo's 개발 노트

선택자 목록 본문

FrontEnd/HTML, CSS

선택자 목록

ejyoovV 2021. 4. 30. 13:30
$("#Lastname") id가 "Lastname"인 요소
$(".intro") class="intro"가 있는 모든 요소
$(".intro, #Lastname") class="intro"가 있는 모든 요소와 id가 "Lastname"인 요소
$("h1") 모든 <h1> 요소
$("h1, p") 모든 <h1> 요소 및 모든 <p> 요소
$("p:first") 첫 번째 <p> 요소
$("p:last") 마지막 <p>요소
$("tr:even") 모든 짝수 <tr> 요소
$("tr:odd") 모든 홀수 <tr> 요소
$("p:first-child") 부모의 첫번째 자식인 모든 <p> 요소
$("p:first-of-type") 부모의 첫번째 <p>요소인 모든 <p>요소
$("p:last-child") 부모의 마지막 자식인 모든 <p>요소
$("p:last-of-type") 부모의 마지막<p> 요소인 모든 <p>요소
$("li:nth-child(1)") 부모의 첫번째 자식인 모든 <li>요소
$("li:nth-last-child(1)") 부모의 첫번째 자식인 모든 <li>요소는
부모의 마지막 자식 요소부터 계산됨
$("li:nth-of-type(2)") 부모의 두번째 <li> 요소인 모든 <li>요소
$("li:nth-last-of-type(2)") 부모의 두번째 <li> 요소인 모든 <li> 요소는
부모의 마지막<li>요소부터 계산됨
$("b:only-child") 부모의 유일한 자식인 모든 <b>요소
$("h3:only-of-type") 해당 유형의 유일한 하위 요소인 모든 <h3> 요소는
해당 상위 요소임
$("div > p") <div> 요소의 직계 자식 인 모든 <p> 요소이다.
$("div p") <div> 요소의 자손인 모든 <p> 요소
$("ul + p") 각 <ul> 요소 옆에 있는 <p> 요소입니다.
$("ul ~ table"); <ul> 요소의 형제인 모든 <table> 요소
$("ul li:eq(0)"); <ul>요소의 첫번째 <li> 요소(인덱스는 0에서 시작)
$("ul li:gt(0)"); <ul>요소의 <li>인덱스가 0보다 큰 모든 <li> 요소
$("ul li:lt(2)"); <ul>요소의 <li>인덱스가 2보다 작은 모든 <li> 요소
$(":header"); 모든 헤더 요소 <h1><h2>…
$(":header:not(h1)"); <h1>요소가 아닌 모든 헤더요소
$(":animated"); 모든 애니메이션 요소
$(":focus"); 현재 포커스가 있는 요소
$(":contains(Duck)"); "Duck"텍스트를 포함하는 모든 요소
$("div:has(p)"); <p>요소가 있는 모든 <div>요소
$(":empty"); 모든 빈 요소 <input />
$(":parent"); 다른 요소의 부모인 모든 요소(텍스트 포함)
$("p:hidden"); 숨겨진 <p> 요소
$("table:visible"); 보이는 모든 테이블
$(":root"); 문서의 루트 요소
$("p:lang(it)"); 모든 <p> 요소 중 lang 속성 값이 "it"로 시작하는 것
$("[id]"); id속성이 있는 모든요소
$("[id=my-Address]"); id속성 값이 "my-Address"인 모든 요소
$("p[id!=my-Address]"); id 속성값이 "my-Address"가 아닌 모든 <p> 요소
id 속성이 전혀없는 <p> 요소도 있음
$("[id$=ess]"); id속성값이 "ess"로 끝나는 모든 요소
$("[id|=my]"); id 속성 값이 "my"이거나 "my"로 시작하고
뒤에 하이픈(-)이 오는 모든 요소
$("[id^=L]"); 문자"L"로 시작하는 id 속성 값을 가진 모든 요소
$("[title~=beautiful]"); "beautiful"이라는 단어가 포함된 제목 속성값이 있는 모든 요소
$("[id*=s]"); 문자열 "s"를 포함하는 id 속성값을 가진 모든 요소
(하위 요소 포함)
$(":input"); 모든 input 요소
$(":text"); type="text"인 모든 input 요소
$(":password"); type="password"인 모든 input 요소
$(":radio"); type="radio"인 모든 input 요소
$(":checkbox"); type="checkbox"인 모든 input 요소
$(":submit"); type="submit"인 모든 input 요소
$(":reset"); type="reset"인 모든 input 요소
$(":button"); type="button"이 있는 모든 input 요소 및 <button>요소
$(":image"); type="image"인 모든 input 요소
$(":file"); type="file"인 모든 input 요소
$(":enabled"); 활성화된 모든 input 요소
$(":disabled"); 비활성화된 모든 input 요소
$(":selected"); 드롭다운 목록에서 선택한 모든 옵션
$(":checked"); checked 된 모든 input 요소(checkBox, Radio)
$("*"); 모든요소