jQuery -> filter使用方法

利用filter函数能够从wrapper set中过滤符合条件的DOM元素。

假设我们有一个内容例如以下的html文件,要获取类为external的<a>元素,使用filter能够非常easy地搞定。

<a href="#" class="external">link</a>
<a href="#" class="external">link</a>
<a href="#">link</a>
<a href="#" class="external">link</a>
<a href="#" class="external">link</a>
<a href="#"></a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>

filter的參数类型可分为两种:

1 传递选择器

2 传递过滤函数

假设使用选择器作为參数,使用方法例如以下

$(‘a‘).filter(‘.external‘)

使用匿名过滤函数

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


參数index是结果集的下标.

jQuery -&gt; filter使用方法,布布扣,bubuko.com

时间: 2024-08-25 07:26:53

jQuery -&gt; filter使用方法的相关文章

jquery的filter()函数和find()函数的区别

jquery的filter()函数和find()函数的区别:在jQuery中中众多的函数,使用起来非常的方便,同时有些函数在作用上非常的接近,于是也容易造成一定的误操作.filter()函数和find()函数同有筛选的作用,下面就介绍一下它们两者之间的区别.一.filter()函数:此函数用来筛选元素集合中的匹配元素,并且返回匹配的元素集合,例如: $("div").filter(".mytest"); 以上代码可以在div元素集合中筛选class属性值为mytes

jQuery提供的小方法

jQuery提供的小方法: 1.选择器 + 事件 + 函数 = 复杂的交互 2.循环处理与选择器匹配的各个元素:each() $("#").each(function(){ $(this).unblind('click'); }); 3.隐藏:hide():显示:show(): 4.向上滑动并消失:slideUp():     slideDown(): slideToggle();为动作指示“如果原来朝上,就向下滑动:如果原来朝下,就向上滑动”: 5.淡出:fadeOut():淡入fa

jquery中filter(fn)的使用研究

jquery中filter(fn)给出的官方说明是: 筛选出与指定函数返回值匹配的元素集合 这个函数内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除,否则就会保留. 这个说明没有问题,可是给出的例子却有问题.例子是 HTML 代码: <p><ol><li>Hello</li></ol></p><p>How are you?</p> jQuery 代码: $(&

字符串方法,js中的数组方法,ES5新增的数组方法,以及jQuery中的数组方法

说明:本片主要对比介绍与数组操作相关的方法 (一)字符串方法(String对象方法) indexOf() //检索字符串 lastIndexOf() //从后向前搜索字符串 match() //找到一个或多个正则表达式的匹配 replace() //替换与正则表达式匹配的子串 search() //检索与正则表达式相匹配的值 slice() //提取字符串的片断,并在新的字符串中返回被提取的部分 split() //把字符串分割为字符串数组 substr() //从起始索引号提取字符串中指定数目

jQuery中的data()方法

data()方法,用于存储/获取临时数据 HTML data-* 属性 在标签中利用 data-* 设置自定义的属性,存储数据. <div id="person"> <p data-fullname="张小明" data-age="24" data-profession="前端开发工程师">小明</p> <p data-fullname="刘小红" data-age

避免jQuery名字冲突--noConflict()方法

众所周知,在jQuery语法中,$符号是jQuery的简写方式.但在某些情况下,可能需要在同一个页面引入其他javascript库(比如Prototype).因为$简短方便,很多的库也是使用$符号.为了避免名称冲突,jQuery提供了noConflict()方法来解决这个问题.调用该方法可以把对$标识符的控制权让给其他库. 一般模式: <script src="prototype.js"></script>//1.包含jQuery之外的库(比如Prototype

【Javascript】jQuery Validate扩展验证方法

/*****************************************************************jQuery Validate扩展验证方法*****************************************************************/// 判断整数value是否等于0 jQuery.validator.addMethod("isIntEqZero", function (value, element) { valu

jQuery中的$.grep()方法的使用

jQuery中的$.grep()方法的使用 转载▼ grep()方法用于数组元素过滤筛选 grep(array,callback,invert) array:待过滤数组; callback:处理数组中的每个元素,并过滤元素,该函数中包含两个参数,第一个是当前数组元素的值,一个是当前数组元素的下标,即元素索引值.此函数应返回一个布尔值.另外,此函数可设置为一个字符串,当设置为字符串时,将视为“lambda-form”(缩写形式?),其中 a 代表数组元素,i 代表元素索引值.如“a > 0”代表“

分析jQuery中的each方法

在看jQuery源码是怎么实现each方法之前,我们看一下js的原生实现. ECMAScript 5为数组定义了一个forEach方法,该方法接受两个参数:第一个参数是要在每一个数组项上运行的函数,第二个参数是运行该函数的作用域对象.第二个参数为非必填.作为第一个参数的运行函数接受三个参数,分别是:数组项的值.该项在数组中的位置.数组本身.示例代码如下: var aa = [1,2,3] aa.forEach(function(item, index, array){ console.log("