## 计数 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); // 截取最后一个元素 ~~~