DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery中的過濾操作詳細解析
jquery中的過濾操作詳細解析
編輯:JQuery特效代碼     

1.過濾 Filtering

名稱 說明 舉例 eq( index ) 獲取第N個元素 獲取匹配的第二個元素:
$("p").eq(1) filter( expr )

篩選出與指定表達式匹配的元素集合。

保留帶有select類的元素:
$("p").filter(".selected") filter( fn )

篩選出與指定函數返回值匹配的元素集合

這個函數內部將對每個對象計算一次 (正如 '$.each'). 如果調用的函數返回false則這個元素被刪除,否則就會保留。

保留子元素中不含有ol的元素:

$("div").filter(function(index) {
  return $("ol", this).size() == 0;
});

is( expr )

注意: 這個函數返回的不是jQuery包裝集而是Boolean值

用一個表達式來檢查當前選擇的元素集合,如果其中至少有一個元素符合這個給定的表達式就返回true。

如果沒有元素符合,或者表達式無效,都返回'false'. 'filter' 內部實際也是在調用這個函數,所以,filter()函數原有的規則在這裡也適用。

由於input元素的父元素是一個表單元素,所以返回true:
$("input[type='checkbox']").parent().is("form") map( callback )

將一組元素轉換成其他數組(不論是否是元素數組)

你可以用這個函數來建立一個列表,不論是值、屬性還是CSS樣式,或者其他特別形式。這都可以用'$.map()'來方便的建立

把form中的每個input元素的值建立一個列表:

$("p").append( $("input").map(function(){
  return $(this).val();
}).get().join(", ") );

not( expr ) 刪除與指定表達式匹配的元素 從p元素中刪除帶有 select 的ID的元素:
$("p").not( $("#selected")[0] )

slice( start, end )

選取一個匹配的子集 選擇第一個p元素:
$("p").slice(0, 1);
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved