jQuery는 속성, 콘텐츠 일치 및 양식 요소 일치를 기반으로 개체를 가져옵니다.
- WBOY원래의
- 2016-05-16 18:25:581079검색
지정된 요소에는 $("span[id]")
코드 복사와 같은 id 속성이 포함되어 있습니다. 다음:
AAA
CCC
DDD< ;/span>
EEE
FFF
지정된 요소에 $("span:not(span[id])") 또는 $("span:not([ id])")
코드 복사 코드는 다음과 같습니다.
AAA
BBB
CCC
DDD
🎜>
EEE
FFF
코드 복사 코드는 다음과 같습니다.
AAA
CCC
$("span[name='S2']")와 같은 요소 값과 일치 CCC
EEE
FFF
; 코드 복사 코드는 다음과 같습니다.
AAA
>BBB< ;/span>
CCC
DDD
다음과 같은 요소 값과 일치하지 않습니다: $("span[name!='S2']")
>BBB< ;/span>
CCC
DDD
EEE
>FFF
다음과 같은 요소 값과 일치하지 않습니다: $("span[name!='S2']")
BBB
< 스팬 이름="Sx3">CCC
DDD
요소 값은 ?로 시작합니다. 예: $("span[name^='S']")
DDD
EEE
FFF
요소 값은 ?로 시작합니다. 예: $("span[name^='S']")
코드 복사 코드는 다음과 같습니다. AAA
BBBCCC< ;/span>
DDD
코드는 다음과 같습니다.
ABC
ABC
>
ABC
ABC ;
요소) 범위: $("span:parent")
코드 복사
;스팬>ABC
ABC ;
< /span>
:hidden 및 :visible은 각각 아래의 숨겨진 요소와 표시된 요소에 해당합니다. 예를 들어 표시된 요소는 빨간색으로, 숨겨진 요소는 회색으로 만듭니다. >
코드 복사
<script> >$("div:visible").css("color", "red"); <br>$("div:hidden").css("display ", "").css("color", " silver"); <br></script>
양식 일치:
:입력 일치:
:버튼은
:사용 가능한 모든 입력 요소와 일치합니다.
: 비활성화된 모든 사용할 수 없는 입력 요소와 일치합니다.
: 선택됨 모두와 일치합니다. 선택된 체크박스 및 라디오 버튼
: selected 선택된 모든 옵션 요소와 일치
DDD
EEE
FFF
요소 값은 ?로 끝납니다. 예: $("html [name$= '1']")
요소 값은 ?로 끝납니다. 예: $("html [name$= '1']")
코드 복사 코드는 다음과 같습니다.
AAA
BBB
CCC
DDD< /span>
요소 값에 다음이 포함됩니까?, 예: $("body [name*='x']")
AAA
🎜>BBB
CCC
DDD
다음과 같은 여러 속성 조건("D"로 시작하는 ID 및 이름 포함): $("body [id ][name^= 'D']")
코드 복사
"AB" 범위가 포함된 div 찾기: $("divspan:contains('AB')")
코드 복사
코드는 다음과 같습니다.
코드는 다음과 같습니다.
빈 범위 찾기: $(" span:empty")
코드 복사
AAA
BBB
CCC
DDD< /span>
EEE
FFF
요소 값에 다음이 포함됩니까?, 예: $("body [name*='x']")
코드 복사 코드는 다음과 같습니다.
AAA
🎜>BBB
CCC
DDD
EEE
🎜>FFF
다음과 같은 여러 속성 조건("D"로 시작하는 ID 및 이름 포함): $("body [id ][name^= 'D']")
코드 복사 코드는 다음과 같습니다.
AAABBB
CCC
DDD ;br/>
" AB" 포함 범위 찾기: $("span:contains('AB')")
CCC
DDD ;br/>
EEE
FFF
🎜> " AB" 포함 범위 찾기: $("span:contains('AB')")
코드 복사
코드는 다음과 같습니다. ABC
ABC
ABC
ABC
ABC ;
ABC ;
"AB" 범위가 포함된 div 찾기: $("divspan:contains('AB')")
코드 복사
코드는 다음과 같습니다.
ABC
ABC
포함된 범위 찾기: $("span:has ('b')")
코드 복사
ABC
ABC
;ABC< ;/span>포함된 범위 찾기: $("span:has ('b')")
코드 복사
코드는 다음과 같습니다.
ABC< ;/span>
ABC
ABC
ABC
ABC 빈 범위 찾기: $(" span:empty")
코드 복사
코드는 다음과 같습니다.
ABC
ABC
>
ABC
ABC ;
코드 복사
코드는 다음과 같습니다. ABC
ABC
ABC
;스팬>ABC
ABC ;
< /span>
:hidden 및 :visible은 각각 아래의 숨겨진 요소와 표시된 요소에 해당합니다. 예를 들어 표시된 요소는 빨간색으로, 숨겨진 요소는 회색으로 만듭니다. >
코드 복사
코드는 다음과 같습니다. ;html> ;/head>
111
222
333<script> >$("div:visible").css("color", "red"); <br>$("div:hidden").css("display ", "").css("color", " silver"); <br></script>
양식 일치:
:입력 일치:
:사용 가능한 모든 입력 요소와 일치합니다.
: 비활성화된 모든 사용할 수 없는 입력 요소와 일치합니다.
: 선택됨 모두와 일치합니다. 선택된 체크박스 및 라디오 버튼
: selected 선택된 모든 옵션 요소와 일치