codetc - 网站开发技术 首页 前端 查看内容

Jquery中filter函数的使用

2015-11-7 15:52| 发布者: CODETC| 查看: 2517| 评论: 0

关于Jquery中的filter函数,最简单直白的解释就是 过滤掉符合选择器的元素,得到一个不包含filter(“选择过滤目标 如#id 或者.class 等等各种复杂的选择也可以”) 的元素集合;利用filter函数可以从wrapper set中过滤符合条件的DOM元素。


如果我们有一个内容如下的html文件,要获取类为external的<a>元素,使用filter可以很容易就搞定。


<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');
})


Jquery中find与filter区别

1、find()会在div元素内 寻找 class为classname的元素。
2、filter()则是筛选div的class为classname的元素。
3、基本是find子元素找,filter是平级找
4、find 函数是在当前对象集合的子元素中进行查询;
5、filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;
6、find 函数的参数是 jQuery 选择器表达式;
7、filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系);
8、filter 的参数也可以是个函数, 调用函数时会自动传入 index 参数, 函数需返回 true或false 以选中或排除元素.

文章来源 CODETC,欢迎分享,转载请注明地址: http://www.codetc.com/article-263-1.html

最新评论

 作为游客发表评论,请输入您的昵称

返回顶部