jQuery filter函数使用方法


Posted in Javascript onMay 19, 2014

利用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是结果集的下标.
Javascript 相关文章推荐
在线编辑器的实现原理(兼容IE和FireFox)
Mar 09 Javascript
JavaScript 的方法重载效果
Aug 07 Javascript
JavaScript之引用类型介绍
Aug 10 Javascript
javascript中的void运算符语法及使用介绍
Mar 10 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
iframe调用父页面函数示例详解
Jul 17 Javascript
JavaScript使用键盘输入控制实现数字验证功能
Aug 19 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
Dec 01 Javascript
微信通过页面(H5)直接打开本地app的解决方法
Sep 09 Javascript
vue仿element实现分页器效果
Sep 13 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
浅谈Layui的eleTree树式选择器使用方法
Sep 25 Javascript
用js模拟struts2的多action调用示例
May 19 #Javascript
从零学JS之你需要了解的几本书
May 19 #Javascript
JavaScript在IE和FF下的兼容性问题
May 19 #Javascript
从零学JSON之JSON数据结构
May 19 #Javascript
jquery 选取方法都有哪些
May 18 #Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 #Javascript
JQuery打造省市下拉框联动效果
May 18 #Javascript
You might like
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
YII Framework框架教程之安全方案详解
2016/03/14 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
Javascript中字符串replace方法的第二个参数探究
2016/12/05 Javascript
vue+vux实现移动端文件上传样式
2017/07/28 Javascript
vue项目打包后打开页面空白解决办法
2018/06/29 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
2018/08/11 Javascript
vue项目动态设置页面title及是否缓存页面的问题
2018/11/08 Javascript
详解javascript 变量提升(Hoisting)
2019/03/12 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
2019/11/11 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
多个Vue项目部署到服务器的步骤记录
2020/10/22 Javascript
浅谈Python实现Apriori算法介绍
2017/12/20 Python
Python中关键字global和nonlocal的区别详解
2018/09/03 Python
一百多行python代码实现抢票助手
2018/09/25 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
Python基础教程之if判断,while循环,循环嵌套
2019/04/25 Python
Django CBV与FBV原理及实例详解
2019/08/12 Python
python2和python3实现在图片上加汉字的方法
2019/08/22 Python
Python实现数值积分方式
2019/11/20 Python
numpy库reshape用法详解
2020/04/19 Python
施华洛世奇澳大利亚官网:SWAROVSKI澳大利亚
2017/01/06 全球购物
Blancsom美国/加拿大:服装和生活用品供应商
2018/07/27 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
应届大学生求职的自我评价
2013/11/17 职场文书
中英文自我评价语句
2013/12/20 职场文书
商场经理竞聘演讲稿
2014/01/01 职场文书
歌唱比赛获奖感言
2014/01/21 职场文书
模具设计与制造专业求职信
2014/07/19 职场文书
《中国梦我的梦》小学生演讲稿
2014/08/20 职场文书
经营目标责任书
2015/05/08 职场文书
怎样写观后感
2015/06/19 职场文书
Python机器学习之基于Pytorch实现猫狗分类
2021/06/08 Python
MySQL query_cache_type 参数与使用详解
2021/07/01 MySQL