> 웹 프론트엔드 > JS 튜토리얼 > JQuery 선택기에는 어떤 유형이 있나요?

JQuery 선택기에는 어떤 유형이 있나요?

一个新手
풀어 주다: 2017-09-30 09:17:23
원래의
1389명이 탐색했습니다.
element.class를 사용하여 요소를 선택하세요. . 수업기본 필터 선택기: first실행 중인 애니메이션 가져오기Form selector

선택기

설명

기본 선택기

*

$(*)

모든 요소 선택

#id

$("#a")

id=a

.class

인 요소 선택 $(“ .b ")

class=b

$("p")

모든

요소

$(".a.b")

class=a 및 class=b

$( "P : First") 첫 번째 P 요소를 선택하십시오. 마지막 P 요소 ( "P : Last")

마지막 P 요소를 선택하십시오. :odd

$("p:odd")
홀수 위치의 모든 p 요소 선택

:even

$("p:even")
Select 짝수 위치의 모든 p 요소

:ep(n)

$("p:eq(n)")
n번째 p 요소 선택(0부터 시작하는 인덱스)

:gt(n)

$("li:gt(n)")
n번째 위치 이전의 모든 li 요소를 선택합니다(n번째 위치 제외)

:lt( n)

$("li:lt(n)")
n번째 위치 이후의 모든 li 요소 선택(n번째 위치 제외)

:root

$(" p:root")
p의 루트 요소를 선택합니다(레이블이 작성되지 않은 경우 전역 루트 요소를 선택한다는 의미)

:header()

$(“p:header )
P 태그의 제목을 모두 선택하세요. (태그가 없으면 전체 제목을 선택하는 것입니다.)

:lang

$(“p:lang(언어 )")
P 태그에 지정된 언어를 선택하세요(태그가 작성되지 않은 경우 전체 제목을 선택한다는 의미)

:not

$("li:not(.active)")
.active를 제외한 요소 선택

:hidden

$("p:hidden")
모든 P 태그 숨기기

:visible

$( "p:visible")
모든 p 태그 표시

:target

$(":target")
대상 상태가 있는 모든 요소 선택

: anmated

$("p:anmated")

하위 요소 필터

:first-child

$("p p:first-last")

p

:last-child

에서 레이블 P가 있는 첫 번째 하위 요소를 선택하세요.

$("p p:last-child")

p에서 레이블 p인 마지막 하위 요소를 선택합니다(위치 제한 없음)

: first-of-type

$ ( "p p:first-of-type")

p에 나타나는 첫 번째 p 태그 가져오기(위치에 관계없이)

:last-of-type

$("p p :last -of-type”)

p에 나타나는 마지막 p 태그 가져오기(위치에 관계없이)

:nth-child(n)

$(“p p:nth-child ( 2)")

p에서 두 번째 p 태그를 가져옵니다(아래 첨자는 1부터 시작)

:nth-of-type(n)

$("p p:nth- of- type(2)”)

p에 나타나는 두 번째 p 태그를 가져옵니다(아래 첨자는 0부터 시작)

:nth-last-of-type(n)

$("p p :nth-last-of-type(n)")

p

:only-child

$("p p :only-child")

에 나타나는 마지막 p 태그를 가져옵니다.

p에서 유일한 하위 요소 p를 가져옵니다

:only-of-type

$("p p:only-of-type")

중에서 p의 유일한 태그 가져오기 Peers p

:only-of-type(even/odd)

$(“p p:only-of-type(even/odd)”)

모든 홀수 또는 짝수 P 가져오기 p의 태그(아래 첨자는 1부터 시작)

콘텐츠 필터

:contains()

$(“p :contains(123)")

Get p 태그에 "123"이 포함된 모든 태그

:empty

$("p:empty")

p 태그 가져오기 내용이 없는 모든 요소(공백은 내용으로 간주)

" :parent")
모든 요소(텍스트 노드 포함)에서 자몽 요소의 p 가져오기

:text

$(":text" )

유형이 텍스트이거나 유형에 속성이 없는 필드를 모두 선택하세요

:password

$(":password")
모든

을 선택하세요.

:reset

$(":reset")
모든

: 버튼

$(":button")
모든 유형의 버튼 선택 ( 버튼)

:checkbox

$(":checkbox")
모든 유형 선택 체크박스의 경우(복수 선택)

:radio

$(": radio")
모두 선택

:file
확인란(단일 선택)

$(“:file”)
모든 업로드 도메인 선택

:이미지

$(“:image”)

모든 이미지 버튼 선택

:input

$(“:input”)

모든 입력 선택, 텍스트 영역, 선택, 버튼 요소

:enabled

$(":enabled")

사용 가능한 모든 입력 선택

:disabled

$(“:disabled ”)

사용할 수 없는 입력을 모두 선택하세요

:select

$(":select")

선택된 상태의 옵션 요소

:선택됨

$ (": selected")

선택된 상태의 입력 요소(선택됨)

:focus

$(":focus")

페이지를 선택하면 포커스 입력이 됩니다

위 내용은 JQuery 선택기에는 어떤 유형이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿