요소를 가져오는 JQuery 메서드 요약

小云云

풀어 주다： 2017-12-05 09:59:30

원래의

2081명이 탐색했습니다.

1. 설명

요소를 가져오는 방법에는 jQuery 선택기와 jQuery 탐색 기능이 있습니다. 이 기사에서는 모든 사람에게 도움이 되기를 바라면서 JQuery의 요소 가져오기 방법을 요약하여 공유하겠습니다.

요약을 작성하고 지식을 통합하세요.

둘째, 스스로 가져오기

1. jQuery 선택기는 하나만 필요합니다


selector	Instance	지침
#ID	$( '# myId')	ID 선택기: ID가 "myId"인 요소를 가져올 수 있으며 대소문자를 구분합니다.

2. 다양한 jQuery 선택기 조합

을 두 부분으로 나눕니다: 전반부는 요소 집합을 얻고 후반부는 정확히 하나의 요소가 될 수 있습니다. 두 요소를 조합하면 원하는 요소를 얻을 수 있습니다. class

$('.myClass')

클래스 선택기: 'myClass'element모든

요소 가져오기

:header모든 제목 요소 가져오기:

~

:animated$(':animated')모든 애니메이션 요소 가져오기:contains(text)$ ('p:contains(Hello)')텍스트가 포함된 모든

요소 가져오기 Hello, 가운데 텍스트는 대소문자를 구분합니다

: Hidden$(':hidden')숨겨진 요소 모두 가져오기: 너비와 높이가 0, 표시:없음, 유형=숨김, [속성]$('[href]') 속성 선택기: href[attribute=value]$('[href=a.html]')= 속성이 href이고 값이 a.html ~= href 속성이 있는 모든 요소를 가져오고 값에 "a.html"이라는 단어가 포함됩니다. :input$(':input')모든 입력 요소 가져오기:enabled$(':enabled')모든 활성화된 입력 요소. :disabled는 반대입니다:checked$(':checked')선택한 모든 입력 선택(라디오 상자, 확인란)index는 0부터 시작하고 2:lt(index)$('p:lt(2)' )보다 큰 인덱스를 가진 모든

요소를 가져옵니다.

index는 0부터 시작하고, 2:even$('tr:even')모든 짝수 요소보다 작은(포함하지 않음) 모든

요소를 가져옵니다.

:odd$('tr:odd')모든 홀수 요소


$('p')		$(':header')





인 모든 요소를 가져옵니다! = href 속성이 있는 모든 요소를 가져오고 값은 a.html과 동일하지 않습니다.	$= href 속성이 있는 모든 요소를 가져오고 값은 a.html로 끝납니다.	^= 속성이 있는 모든 요소를 가져옵니다. href, 값은 a.html로 시작합니다. 요소
*= href 속성이 있는 모든 요소를 가져오고 값에 텍스트가 포함됩니다. "a.html"
		:radio $(':radio') 모든 입력 요소(유형 포함) ="radio" 비슷한 내용은 다음과 같습니다: :text, :chexbox, :password, :submit, :reset, :button, :file

		:gt(index) $('p :gt (2)')

2) 선택기의 후반부: 특정 요소에 정확할 수 있음

Selector

Example

설명

:먼저

$('p:first')

first

요소

:last

$('p:last')

last

:eq(index)$("p:eq(1)")

두 번째

인덱스는 0

부터 시작합니다.

3. jQuery 선택기 + 순회 기능

도 두 부분으로 나뉩니다. 전반부는 선택기를 사용하여 요소 집합을 얻고, 후반부는 순회 기능을 사용하여 특정 요소를 정확하게 선택합니다.

1) 전반부 부분은 위와 동일

2) 후반부: 순회 기능

메소드 설명

eq() 는 선택한 요소의 지정된 인덱스 번호

first() 선택한 요소의 첫 번째 요소를 반환합니다.

last() 선택한 요소의 마지막 요소를 반환합니다

3. 형제 요소 가져오기

이름에서 알 수 있듯이: 선택한 요소의 sibling 요소를 가져옵니다. 먼저 요소를 찾은 다음(위에 요약되었으므로 반복하지 않겠습니다), 그 형제 요소를 가져와야 합니다.

1) 선택기

Selector Instance Description

element + next $('p + p') 각 p는 인접합니다. 다음 < p> 요소

element ~ siblings $('p ~ p') 는 p

과 동일한 수준의 모든
요소를 가져옵니다.
next()선택한 요소의 다음 형제 요소를 반환합니다.nextAll()다음의 모든 요소를 반환합니다. 선택된 요소 형제 요소prev()선택한 요소의 이전 형제 요소를 반환합니다.prevAll()선택한 요소 이전의 모든 형제 요소를 반환합니다.

Method Description

4. 받기 상위 요소
선택한
요소의 상위 요소 가져오기 1) 선택자

선택자 ExampleEx planation:parent

$ ('p:parent') 모든 p 요소의 상위 요소를 가져옵니다

2) 순회 기능

Method부모()parents()
설명
선택한 요소의 상위 요소 가져오기
선택한 요소의 모든 상위 요소 가져오기

5. 하위 요소 가져오기
가져오기
어린이
요소 선택한 요소 1) 선택기

Selector parent > $('p > p') $('p p')

Instance 설명
p 부모 자손
의 모든
요소를 가져옵니다. p

2) 순회 기능

Method선택한 요소의 모든 직접 하위 요소를 반환합니다반품 선택한 요소의 모든 직계 하위 요소(텍스트 및 주석 노드 포함)선택한 요소의 하위 요소를 반환합니다.

Description children()
contents()
find()

위 내용은 요약입니다. JQuery의 요소 획득 방법이 모든 사람에게 도움이 되기를 바랍니다.

관련 권장 사항:

jquery는 요소 index() 메서드 예제 세부 설명을 가져옵니다.

jquery는 요소를 가져오고, 요소를 래핑하고 요소 속성 사용 세부 정보를 삽입합니다.

jquery 메서드를 사용하여 요소 값( 공통 양식 요소)_jquery

위 내용은 요소를 가져오는 JQuery 메서드 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!