일반적인 jQuery selectors_jquery 요약

기본 요소 선택기

코드 복사 코드는 다음과 같습니다.

$("p")
$("p.ii")는 class=ii
인 모든 p 요소를 선택합니다. $("p#demo")는 id=demo
인 첫 번째 p 요소를 선택합니다.

계층적 선택기

코드 복사 코드는 다음과 같습니다.

$("div input")div 아래의 모든 입력
$("div>입력")

기본 조건 선택기

코드 복사 코드는 다음과 같습니다.

$("p:첫 번째")
$("p:마지막")
$("tr:even") 짝수 행을 선택합니다
$("tr:odd")홀수
$("input:not(:checked)")는 선택된 모든 요소를 ​​선택합니다
$("tr:eq(1)")인덱스 값이 1인 테이블
$("tr:gt(0)")는 0보다 큽니다
$("tr:lt(0)")는 0보다 작습니다
$(":header")는 모든 헤더 요소를 선택합니다
$(":animated")실행중인 애니메이션

컨텐츠 조건 선택기

코드 복사 코드는 다음과 같습니다.

$("div:constains('ddd')")는 ddd 텍스트가 포함된 레이어 요소를 선택합니다
$("td:empty")는 텍스트나 하위 요소를 포함하지 않는 표 셀을 선택합니다
$("div:has(p)")는 단락 요소
를 포함하는 레이어 요소를 선택합니다. $("td:parent")는 하위 요소나 텍스트가 포함된 테이블 셀을 선택합니다

가시성 조건 선택기

코드 복사 코드는 다음과 같습니다.

$("tr:hidden") //숨겨진 테이블 모두 선택
$("tr:visible")은 보이는 모든 테이블을 선택합니다

속성 선택기

코드 복사 코드는 다음과 같습니다.

$("div[id]")id 속성이 있는 레이어
$("input[name='']") 입력 속성 이름=''
$("입력[이름!='']")
$("input[name^='']")는 name 속성이 있고 값이 ''인 양식 입력 요소를 시작 콘텐츠로 선택합니다
$("input[name$='']")는 name 속성이 있고 값이 ''인 양식 입력 요소를 최종 콘텐츠로 선택합니다
$("input[name*='']")는 이름 속성과 값이 ''
인 양식 입력 요소를 선택합니다. $("input[id][name$='']")는 id 값과 ''
으로 끝나는 이름 속성을 가진 입력 양식 요소를 선택합니다.

하위 요소 선택기

코드 복사 코드는 다음과 같습니다.

$("ul li:nth-child(2)")는 두 번째 목록 항목을 선택합니다
$("ul li:nth-child(even)")
$("ul li:nth-child(odd)")
$("ul li:nth-child(3n)")
$("ul li:first-child")
$("ul li:last-child")
$("ul li:only-child") 선택 목록이 나타나고 하나의 목록 항목만 나타납니다

양식 요소 선택기

코드 복사 코드는 다음과 같습니다.

$("input")은 모든 입력 텍스트 영역 선택 버튼과 기타 요소를 선택합니다
$(":text")텍스트 줄
$(":비밀번호")
$(":라디오")
$(":체크박스")
$(":제출")
$(":이미지")
$(":재설정")
$(":버튼")
$(":파일")
$(":숨김")

양식 속성 선택기

코드 복사 코드는 다음과 같습니다.

$("input:enabled") //사용 가능한 항목 모두 선택
$("입력:비활성화")
$("입력:확인됨")
$("선택:옵션:선택됨")