jQuery学习笔记——筛选元素集合

filter(expression) 方法

利用传入的选择器表达式或筛选函数，从集合中筛选元素。

expression为选择器表达式

e.g. 对所有标签<a>中title包含文本special的元素应用special类样式。

$('a').filter('[title*=special]').html("special Link").addClass("special");

expression为筛选函数　　

filter()方法，当传给它一个函数，它会为每个包装集元素反复调用这个函数，如果函数调用返回false，就删除当前元素。利用筛选函数体的函数上下文this，每次调用都能存取当前包装集元素。

e.g. 创建包含数字值的所有<td>元素的包装集。　　

$('td').filter(function()
{console.log(this.innerHTML.match(/^\d+$/)) ;
})

jQuery遍历——slice(begin, end)方法

把匹配元素集合缩减为指定的指数范围的子集。

参数说明：

begin：基于零的整数值，指示开始选取元素的位置。如果是负数，则只是从集合末端开始的偏移量。

end：　基于零的整数值，指示结束选取元素的位置（此位截止，往前偏一位），如果省略，则选取范围会在集合末端结束。如果是负数，同上。

e.g.

<ul><li><a href="http://jquery.com/ui" id="a1" class="link"><b>link1</b></a></li><li><a href="http://jquery.com/doc"" id="a2" class="link">link2</a></li><li><a href="http://jquery.com/demo" id="a3" class="link">link3</a></li><li><a href="#" id="a4" class="link" title="special">link4</a></li><li><a href="#" id="a5" class="link"title="special">link5</a></li><li><a href="#" id="a6" class="link"title="special">link6</a></li>
</ul>

1、选取从第3个<li>元素开始到第四个的集合。

　　$("body ul li").slice(2,4)

2、选取从第三个<li>元素开始到最后的集合。

　　$("body ul li").slice(2)

转载于:https://www.cnblogs.com/technote/archive/2013/04/16/3024471.html

jQuery学习笔记——筛选元素集合相关推荐

html添加删除元素属性,jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性
今天主要和大家一起分享一下如何使用jQuery的jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:.attr():jQu ...
jQuery学习笔记之DOM操作、事件绑定（2）
jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定源码地址: https ...
jquery学习笔记及常用函数封装
二.JQuery 学习笔记及常用函数封装 https://download.csdn.net/download/weixin_42530002/13087988 1.JQuery入门 (1).css选 ...
jQuery学习笔记（黑马课堂+补充）
JQuery学习笔记(自用) 1.DOM对象和jQuery对象 DOM对象:原生JS取到的对象 getElementsById() getElementsByTagName() 特点:只能调用Dom方 ...
【转载】jQuery学习笔记
jQuery学习笔记 1 基础 HTML :一个人的裸体,是一个人的物质基础,是一个结构. CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人. JavaScript :一个人的灵魂 ...
javaweb（03） jQuery学习笔记
javaweb(03) jQuery学习笔记 jQuery介绍什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...
jQuery学习笔记：Ajax(二)
接上篇"jQuery学习笔记:Ajax(一)". 3.jQuery.get(url,[data],[callback],[type])通过远程 HTTP GET 请求载入信息. 这 ...
多线程编程学习笔记——使用并发集合（三）
接上文多线程编程学习笔记--使用并发集合(一) 接上文多线程编程学习笔记--使用并发集合(二) 四. 使用ConcurrentBag创建一个可扩展的爬虫本示例在多个独立的即可生产任务又可消费 ...
jQuery学习笔记02：核心部分
jQuery学习笔记:核心部分一.$(expr) 1.说明 $(expr) 该函数通过CSS选择器.XPath或html代码来匹配目标元素参数:expr(字符串,一个查询表达式或一段html字符串 ...

jQuery学习笔记——筛选元素集合

jQuery学习笔记——筛选元素集合相关推荐

最新文章

热门文章