filter()方法將匹配元素集合縮減為匹配指定選擇器的元素。
filter方法中的參數(shù)可以為字符串值，包含供匹配當(dāng)前元素集合的選擇器表達(dá)式。

一、filter的參數(shù)類型可分為兩種

1、傳遞選擇器
$('a').filter('.external')

2、傳遞過(guò)濾函數(shù)

復(fù)制代碼代碼如下:

$('a').filter(function(index) {

        return $(this).hasClass('external');

})

二、Jquery中find與filter區(qū)別

1、find()會(huì)在div元素內(nèi) 尋找 class為classname的元素。
2、filter()則是篩選div的class為classname的元素。
3、基本是find子元素找，filter是平級(jí)找

4、find 函數(shù)是在當(dāng)前對(duì)象集合的子元素中進(jìn)行查詢;
5、filter 函數(shù)是對(duì)當(dāng)前對(duì)象集合進(jìn)行過(guò)濾, 利用過(guò)濾條件縮小范圍;
6、find 函數(shù)的參數(shù)是 jQuery 選擇器表達(dá)式;

7、filter 的參數(shù)也是選擇器表達(dá)式, 但可以有多個(gè)條件, 用逗號(hào)分隔(邏輯或關(guān)系);
8、filter 的參數(shù)也可以是個(gè)函數(shù), 調(diào)用函數(shù)時(shí)會(huì)自動(dòng)傳入 index 參數(shù), 函數(shù)需返回 true或false 以選中或排除元素.

例如：

復(fù)制代碼代碼如下:

<!DOCTYPE> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 

<title>Document</title> 

<script> 

$(function(){ 

$('#btn1').click(function(){ 

alert($('div').find('.test').html()); 

}); 

$('#btn2').click(function(){ 

alert($('div').filter('.test').html()); 

}); 

$('#btn3').click(function(){ 

alert($('div').filter('.last').html()); 

}); 

$('#btn4').click(function(){ 

alert($('div').filter('.first,.last').html()); 

}); 

}); 

</script> 

</head> 

<body> 

<input type="button" value="test-find" id="btn1" /> 

<input type="button" value="test-filter" id="btn2" /> 

<input type="button" value="test-filter" id="btn3" /> 

<input type="button" value="test-filter" id="btn4" /> 

<div class="first">first content<span class="test">test content</span></div> 

<div class="last">last<span class="test">last test content</span></div> 

<div class="last">last<span>last no test content</span></div> 

</body> 

</html>