jquery中filter方法用法實例分析_jquery

本文實例講述了jquery中filter方法用法。分享給大家供大家參考。具體分析如下：

filter()方法將匹配元素集合縮減為符合指定選擇器的元素。
filter方法中的參數可以為字串值，包含供符合目前元素集合的選擇器表達式。
 
一、filter的參數型別可分為兩種
 
1、傳遞選擇器
$('a').filter('.external')
 
2.傳遞濾波函數

複製程式碼 程式碼如下:

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

二、Jquery中find與filter區別

1、find()會在div元素內 尋找 class為classname的元素。
2、filter()則是篩選div的class為classname的元素。
3.基本上是find子元素找，filter是平級找

4、find 函數是在目前物件集合的子元素中進行查詢;
5.filter 函數是對目前物件集合進行篩選, 利用篩選條件縮小範圍;
6、find 函數的參數是 jQuery 選擇器表達式;

7、filter 的參數也是選擇器表達式, 但可以有多個條件, 用逗號分隔(邏輯或關係);
8、filter 的參數也可以是個函數, 呼叫函數時會自動傳入 index 參數, 函數需傳回 true或false 以選取或排除元素.
 
例如：

複製程式碼 代碼如下:

<script> <br /> $(function(){ <br /> $('#btn1').click(function(){ <br /> alert($('div').find('.test').html()); <br /> }); <br /> $('#btn2').click(function(){ <br /> alert($('div').filter('.test').html()); <br /> }); <br /> $('#btn3').click(function(){ <br /> alert($('div').filter('.last').html()); <br /> }); <br /> $('#btn4').click(function(){ <br /> alert($('div').filter('.first,.last').html()); <br /> }); <br /> }); <br /> </script>

first contenttest content

lastlast test content

lastlast no test content

甯