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

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")

결과:

[ 45a2772a6b6107b401db3c9b82c049c2Hello54bdf357c58b8a65c66d7c19c8e4d114 ]

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")

결과:

[ 27ec8ff0d0eb2aeaabbd785252528076그리고 다시94b3e26ee717c64999d7867364b1b4a3 ]

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