jquery_jquery의 필터 메소드 사용 분석 예

이 기사의 예에서는 jquery의 필터 메소드 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

filter() 메서드는 일치하는 요소 집합을 지정된 선택기와 일치하는 요소로 줄입니다.
필터 메소드의 매개변수는 현재 요소 세트와 일치시키기 위한 선택기 표현식을 포함하는 문자열 값일 수 있습니다.

1. 필터의 매개변수 유형은 두 가지로 나눌 수 있습니다

1. 패스 선택기
$('a').filter('.external')

2. 패스 필터 기능

코드 복사 코드는 다음과 같습니다.

$('a').filter(function(index) {
          return $(this).hasClass('external');
})

2. Jquery에서 찾기와 필터링의 차이점

1. find()는 div 요소 내에서 클래스 이름이 있는 요소를 찾습니다.
2. filter()는 div 클래스가 classname인 요소를 필터링합니다.
3. 기본적으로 하위 요소 찾기, 필터는 레벨 검색

4. 찾기 기능은 현재 개체 컬렉션의 하위 요소를 쿼리합니다.
5. 필터 기능은 현재 개체 컬렉션을 필터링하고 필터 조건을 사용하여 범위를 좁히는 것입니다. 6. 찾기 함수의 매개변수는 jQuery 선택기 표현식입니다.

7. 필터 매개변수도 선택자 표현식이지만 쉼표로 구분된 여러 조건을 가질 수 있습니다(논리적 OR 관계). 8. 필터의 매개변수는 함수일 수도 있습니다. 함수를 호출하면 인덱스 매개변수가 자동으로 전달됩니다. 요소를 선택하거나 제외하려면 함수가 true 또는 false를 반환해야 합니다.

예:

코드 복사 코드는 다음과 같습니다.

문서

<스크립트> $(함수(){
$('#btn1').click(function(){
Alert($('div').find('.test').html())
})
$('#btn2').click(함수(){
Alert($('div').filter('.test').html())
})
$('#btn3').click(함수(){
Alert($('div').filter('.last').html())
})
$('#btn4').click(function(){
Alert($('div').filter('.first,.last').html())
})
})
스크립트>

첫 번째 콘텐츠테스트 콘텐츠

last마지막 테스트 콘텐츠

last마지막 테스트 콘텐츠 없음