jQuery 선택기
jQuery Selectors
jQuery Selectors
다양한 선택기를 시연하려면 jQuery 선택기 검사기를 사용하세요.
| Selector | Instance | Select |
|---|---|---|
| * | $("*") | 모든 요소 |
| #id | $("#성") | id= 전체 "성"의 요소 |
| .class | $(".intro") | class="intro" .intro,.demo") |
| element | $("p") | 모든<p> 요소 |
| el1 , | el2, | el3|
| 모든 <h1>, <div> 및 <p> 요소 | ||
:first | $("p:first") | first<p& gt; 요소 |
| $("p:last") | last<p> 요소 | |
| $("tr:even") | 모든 짝수 | |
| $("tr:odd") | 모든 홀수<tr> 요소, 인덱스 값은 0부터 시작하고 첫 번째 요소는 짝수(0)이고 두 번째 요소는 홀수입니다. (1) 등. | |
| :first-child | $("p:first-child") | 상위 요소의 첫 번째 자식인 모든 <p> 요소 |
| :first-of-type | $ ("p:first-of-type") | 부모 |
| :last-child | $("p: last-child의 첫 번째 <p> 요소에 속하는 모든 <p> ") | 부모 |
| :last-of-type | $("p:last-of-type") | 의 마지막 하위 요소인 모든 <p> 요소는 모든 <p>에 속합니다. ; 상위 |
| :nth-child(n) | $("p:nth-child(2)") | 의 마지막 <p> 요소는 모두 <p> ; 상위 요소 |
| :nth-last-child(n) | $("p:nth-last-child(2)") | 의 두 번째 하위 요소인 모든 < ;p> 부모 요소의 두 번째 자식 요소(마지막 자식부터 계산) |
| :nth-of-type(n) | $("p:nth-of-type( 2)" ) | 모든<p> 요소 |
| :n번째 마지막 유형(n) | $("p: n번째 마지막 유형(2)") | 모든 <p> ; 부모의 두 번째 <p> 요소(마지막 하위 요소부터 계산) |
| :only-child | $("p:only-child") | 상위 요소 |
| :only-of-type | $("p:only-of- type") | 모든<p> 요소 |
| parent > child | $("div > p") | <div> 요소 |
| 부모 하위 항목 | $("div p") | <div> 모든 <p> 요소 |
| element + next | $("div + p") | 각 <div> 요소는 다음 <p> 요소에 인접합니다. |
| element ~ siblings | $(" div ~ p") | <div> 동일한 수준의 모든 <p> 요소 ulli :eq(3)") |
| $("ul li:lt(3)") | 색인이 3보다 작은 목록 요소:not( selector | ) |
| 비어 있지 않은 모든 입력 요소 | ||
| :header | $(":header") | 모든 헤더 요소 <h1>, <h2> ... |
| :animated | $(":animated") | all 애니메이션 요소 |
| :focus | $(":focus") | 현재 포커스가 있는 요소 |
| :contains(text) | $(":contains('Hello')") | "Hello" 텍스트를 포함하는 모든 요소 |
| :has(selector) | $("div:has(p)") | <div> 요소 내에 <p> 요소를 포함하는 모든 요소 |
| :empty | $(":empty") | 모든 빈 요소 |
| :parent | $(":parent") | 다른 요소의 부모인 모든 요소 |
| :hidden | $("p:hidden") | 모든 숨겨진 <p> 요소 |
| :visible | $("table:visible") | 표시되는 모든 테이블 |
| :root | $(":root") | 문서의 루트 요소 |
| :lang(언어) | $("p:lang(de)") | "de "로 끝나는 모든 요소 시작 lang 속성 값 & lt; p & gt; 요소 |
| [Aattribute ] | $ (" [href] ") | href 속성이 있는 모든 요소 |
| attribute=value] | $("[href='default.htm']")href 속성 및 값이 "default.htm"과 동일한 모든 요소 | |
| attribute !=value] | $("[href!='default.htm']")href 속성과 값이 "default.htm" | |
| attribute $= value] | $("[href$='.jpg']")href 속성과 값이 ".jpg" | |
| attribute|= value]로 끝나는 모든 요소 | $("[title|='내일']")제목 속성과 값이 '내일'이거나 '내일'로 시작하고 뒤에 커넥터가 오는 모든 문자열 | |
| attribute^= value] | $("[title^='Tom']")title 속성과 "Tom" | |
| attribute~= value]으로 시작하는 값이 있는 모든 요소 | $("[title~='hello']")title 속성과 "hello"라는 단어를 포함하는 값이 있는 모든 요소 | |
| attribute*=value] | $(" [title*='hello']")title 속성과 "hello"라는 문자열을 포함하는 값이 있는 모든 요소 | |
| name=value][name2= value2] | $( "input[id][name$='man']" )man으로 끝나는 id 속성과 name 속성이 있는 입력 상자 | |
| :input | $(":input") | 모든 입력 요소 |
| :text | $(":text") | 모두 type="text" " 입력 요소 |
| :password | $(":password") | type="password" |
| :radio | $(":radio") | 모든 입력 요소 type="radio" |
| :checkbox | $(":checkbox") | type="checkbox" |
| :submit | $(": submit") | 모든 입력 요소 type="submit" |
| :reset | $(":reset") | type="reset" |
| :button | $(":button") | 인 모든 입력 요소 type="button"인 모든 입력 요소 |
| :image | $(":image") | type="image"인 모든 입력 요소 |
| :file | $(":file") | type="file"인 모든 입력 요소 |
| :enabled | $(":enabled") | 활성화된 모든 요소 |
| :disabled | $(":disabled") | 모두 비활성화됨 elements |
| :selected | $(":selected") | 모든 선택된 드롭다운 요소 |
| :checked | $(":checked") | 모든 선택된 체크박스 옵션 |
| .selector | $(selector).selector | 는 jQuery 1.7에서 더 이상 사용되지 않습니다. jQuery()에 전달된 원래 선택기를 반환합니다. |
| :target | $( "p:target" ) | 선택기는 ID가 URI 요소의 형식화된 식별자와 일치하는 <p>를 선택합니다. |
