jQuery 기본 지식 filter() 및 find() example_jquery

먼저 .find() 메소드를 살펴보겠습니다.
이제 HTML 코드가 포함된 페이지가 있습니다. :

p class="rain">테스트 1

테스트 2

>

find() 메소드를 사용하는 경우:

var $find = $("div").find(".rain")

alert ( $find.html() ) ;
은 다음을 출력합니다:



filter() 메소드를 사용하는 경우:
var $filter = $("div"). filter(".rain");
alert( $filter.html() );

이 출력됩니다.


아마도 둘 사이의 차이점을 보셨을 것입니다.
find()는 div 요소 내에서 rain 클래스가 있는 요소를 찾습니다.
그리고 filter()는 div에서 클래스가 rain인 요소를 필터링합니다. 하나는 하위 집합에 대해 작업하는 것이고, 다른 하나는 자체 컬렉션의 요소를 필터링하는 것입니다.

또한 find()는 실제로 선택기로 표시될 수 있습니다.
var $select = $("div .rain")

두 항목의 차이점을 이해하셨나요?