jquery 선택기(공통 선택기 설명)_jquery

기본 선택기:

$("#myELement") id 값이 myElement와 동일한 요소를 선택합니다. id 값은 반복될 수 없습니다. 문서이므로 얻을 수 있는 것은

$("div")                                                                                                           ,                                       out out out   through           through  -             off of div 태그 요소가 반환됩니다. >
$("*") 모두 선택합니다. 문서의 요소

공동 선택을 위해 다양한 선택 방법을 사용할 수 있습니다. 예: $("#myELement,div,.myclass")


계단식 선택기:

$("form input") 양식 요소에서 모든 입력 요소 선택
$("#main > *") id 값이 main인 모든 하위 요소 선택

$("label input") 모든 레이블 요소 중 다음 입력 요소 노드를 선택합니다.

테스트 후 선택기는 레이블 바로 뒤에 입력 태그가 이어지는 모든 입력 태그 요소 뒤에 레이블을 반환합니다.

$("#prev ~ div") 형제 선택자

이 선택자는 동일한 상위 요소의 DIV 태그가 이전인 모든 태그 요소를 반환합니다.


기본 필터링 selector:

$ ("tr: first") 첫 번째 항목 선택


R> $ ("tr: Last") 마지막 항목 선택

$ ("input: not (: check)span")

필터링: Checked의 선택기 선택기 선택기 선택기 선택기 모든 입력 요소

$(" tr:even") 모든 tr 요소 중 0번째, 2번째, 4번째... 요소를 선택합니다. (참고: 여러 요소를 선택하면 배열이므로 순서 번호는 0부터 시작됩니다.)

$( "tr:홀수")                                                                                      | 3rd, 5th... ... 모든 tr 요소의 요소

$ ("TD: EQ (2)") 모든 TD 요소의 일련 번호 2

$ ("td: gt (4)") TD 요소의 일련 번호가 4보다 큰 모든 TD 선택 $ ("td: ll (4)") TD 요소의 일련 번호가 4 미만인 모든 TD 요소 선택

$ (": header")

$ ("div:animated")


콘텐츠 필터 선택기:

$("div:contains('John')") John 텍스트 요소가 포함된 모든 div 선택
$(" td:empty") 비어 있는 모든 요소 선택(텍스트 노드 제외) td 요소 배열

$("div:has(p)") p 태그가 포함된 모든 div 요소 선택

$(" td:parent") td를 상위 노드로 사용하는 모든 요소 배열 선택


시각적 필터 선택기:

$("div:hidden") 숨겨진 div 요소 모두 선택
$("div:visible") 표시되는 모든 div 요소 선택


속성 필터 선택기:

$("div") 모든 div 선택 id 속성을 포함하는 요소
$("input[name='newsletter']") 이름 속성이 'newsletter'와 동일한 모든 입력 요소 선택

$("input[name! ='newsletter']") 이름 속성이 'newsletter'와 같지 않은 모든 입력 요소를 선택합니다.

$("input[name^='news']") 이름 속성이 다음으로 시작하는 모든 입력 요소를 선택합니다. 'news'

$("input[name$='news']") 이름 속성이 'news'로 끝나는 모든 입력 요소를 선택합니다

$("input[name*=' man']") 이름 속성에 'news'가 포함된 모든 입력 요소를 선택합니다.

$( "input[name$='man']") 공동 선택을 위해 여러 속성을 사용할 수 있습니다. 이 선택기는 모든 항목을 가져옵니다.


id 속성을 포함하고 속성이 man으로 끝나는 하위 요소:


$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n 1)" )

$("divspan:first-child") 모든 div 요소의 첫 번째 하위 노드 배열을 반환합니다.

$("divspan:last-child") 모든 div 요소를 반환합니다. div 요소의 마지막 노드 배열

$("div 버튼:only-child") 모든 div에 하위 노드가 하나만 있는 모든 하위 노드의 배열을 반환합니다.

양식 요소 선택기:

$(":input") 입력, 텍스트 영역, 선택 및 버튼을 포함한 모든 양식 입력 요소 선택

$(":text") 모두 선택 텍스트 입력 요소

$(":password") 모든 비밀번호 입력 요소 선택

$(":radio") 모든 라디오 입력 요소 선택

$(":checkbox ")                                                                                모든 체크박스 입력 요소를 선택할 수 있습니다.

$ (":submit")                                                   전체 선택 가능 요소

$(":reset") 모든 재설정 입력 요소 선택

$(":button") 모든 버튼 입력 요소 선택

$(":file ") 모든 파일 입력 요소 선택

$ ("::hidden ") 모든 유형의 버튼 선택 INPUT 요소 또는 숨겨진 형태 또는 숨겨진 도메인의 형태


양식 단위 요소 필터 선택:
$ (": 활성화됨") 작동 가능한 모든 양식 요소 선택 $ (": 비활성화됨") 전례 없는 양식 요소 모두 선택

$(":checked") 선택된 양식 요소 모두 선택

$("select option:selected" ) 선택의 하위 요소에서 선택한 요소를 모두 선택합니다.