jQuery의 find() 및 filter() 작업 사용 예에 ​​대한 자세한 설명

伊谢尔伦
풀어 주다: 2017-07-19 14:10:06
원래의
2621명이 탐색했습니다.

find(expr|obj|ele)

공식 설명:

반환 값: jQuery

Overview

지정된 표현식과 일치하는 모든 요소를 ​​검색합니다. 이 함수는 처리 중인 요소의 하위 요소를 찾는 좋은 방법입니다.

모든 검색은 jQuery 표현식을 사용합니다. 이 표현식은 CSS1-3 선택기 구문을 사용하여 작성할 수 있습니다.

Parameters

expr 문자열
찾기용 표현식
jQuery 객체 객체
요소 일치를 위한 jQuery 객체
element DOMElement
DOM 요소

Example

설명:

시작 모든 단락에서 아래의 범위 요소를 추가로 검색하세요. $("p 스팬")과 동일합니다.

HTML 코드:

<p><span>Hello</span>, how are you?</p>
로그인 후 복사

j쿼리 코드:


$("p").find("span")
로그인 후 복사

결과:

[ Hello ]

filter(expr|obj|ele |fn)

공식 설명:

Overview

지정된 표현과 일치하는 요소 집합을 필터링합니다.

이 방법은 일치 범위를 좁힐 때 사용됩니다. 현재 요소 집합과 일치하는 선택기 표현식이 포함된 쉼표

Parameters

expr String
String 값으로 여러 표현식을 구분하세요.
jQuery 객체 객체
현재 요소와 일치하는 기존 jQuery 객체입니다.
element Expression
요소를 일치시키는 데 사용되는 DOM 요소입니다.
function(index) Function
함수는 테스트 요소의 집합으로 사용됩니다. jQuery 컬렉션에 있는 요소의 인덱스인 매개변수 인덱스를 허용합니다. 함수에서 이는 현재 DOM 요소를 나타냅니다.


매개변수 선택기 설명:

선택 클래스를 사용하여 요소 유지

HTML 코드:


<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
로그인 후 복사

jQuery 코드:


$("p").filter(".selected")
로그인 후 복사

결과:

[

그리고 다시

]

위 내용은 jQuery의 find() 및 filter() 작업 사용 예에 ​​대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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