## 計數 eq(index | -index) 概述：獲取當前鏈式操作中第 N 個 jQuery 對象，計數從 0 開始。 ~~~ $("p").eq(1); // 獲取匹配的第二個元素 $("p").eq(-2); // 獲取匹配的倒數第二個元素 ~~~ ## 首位 first() 概述：獲取第一個元素。 ~~~ $('li').first(); // 獲取匹配的第一個元素 ~~~ ## 末位 last() 概述：獲取最后個元素。 ~~~ $('li').last(); // 獲取匹配的最后個元素 ~~~ ## 包含類 hasClass(class) 概述：檢查當前的元素是否含有某個特定的類，如果有，則返回 true。 ~~~ // 檢測當前點擊元素是否包含有某個類 $('div').click(function() { console.log($(this).hasClass("protected")); }); ~~~ ## 過濾 filter(expr | object | element | fn) 概述：篩選出與指定表達式匹配的元素集合。 * expr：字符串值，包含供匹配當前元素集合的選擇器表達式。 * object：現有的 jQuery 對象，以匹配當前的元素。 * element：一個用于匹配元素的 DOM 元素。 * function：一個函數用來作為測試元素的集合。 ~~~ $("p").filter(".selected"); // 保留帶有 selected 類的元素 $("p").filter(".selected, :first"); // 保留第一個以及帶有 select 類的元素 // 保留子元素中不含有 ol 的元素。 $("p").filter(function(index) { return $("ol", this).length == 0; }); ~~~ ## 是否 is(expr | object | element | fn) 概述：根據選擇器、DOM 元素或 jQuery 對象來檢測匹配元素集合。 * expr：字符串值，包含供匹配當前元素集合的選擇器表達式。 * object：現有的 jQuery 對象，以匹配當前的元素。 * element：一個用于匹配元素的 DOM 元素。 * function：一個函數用來作為測試元素的集合。 ~~~ // 檢測 input 元素的父元素是否是一個表單 form 元素 $("input[type='checkbox']").parent().is("form"); ~~~ ## 映射 map(callback) 概述：將一組元素轉換成其他數組。 ~~~ // 獲取列表中內容數組 $('li').map(function() { return $(this).html(); }); ~~~ ## 包含 has(expr | element) 概述：保留包含特定后代的元素，去掉那些不含有指定后代的元素。篩選子元素，并不是本身。 ~~~ // 給含有 ul 的 div 加上背景色 $('div').has('ul').css('background-color', 'red'); ~~~ ## 排除 not(expr | element | fn) 概述：從匹配元素的集合中刪除與指定表達式匹配的元素。 ~~~ $("p").not($("#sel")[0]); // 從 p 元素中刪除帶有 sel 的 ID 的元素 ~~~ ## 截取 slice(start\[, end\]) 概述：選取一個匹配的子集。 ~~~ $("p").slice(0, 1); // 截取第 0 個元素 $("p").slice(1); // 截取第一開始到最后一個 $("p").slice(-1); // 截取最后一個元素 ~~~