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 相关文章推荐
基于Jquery的温度计动画效果
Jun 18 Javascript
善用事件代理,警惕闭包的性能陷阱。
Jan 20 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
May 24 Javascript
Package.js  现代化的JavaScript项目make工具
May 23 Javascript
浮动的div自适应居中显示的js代码
Dec 23 Javascript
javascript转换日期字符串为Date日期对象的方法
Feb 13 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
Mar 21 Javascript
JS查找字符串中出现次数最多的字符
Sep 05 Javascript
JS触摸与手势事件详解
May 09 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
JavaScript中this用法学习笔记
Mar 17 Javascript
TS 类型收窄教程示例详解
Sep 23 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
《星际争霸II》全新指挥官斯台特曼现已上线
2020/03/08 星际争霸
咖啡界又出新概念,无需咖啡豆的分子咖啡
2021/03/03 咖啡文化
php addslashes和mysql_real_escape_string
2010/01/24 PHP
PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
php实现ip白名单黑名单功能
2015/03/12 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
PHP Ajax跨域问题解决方案代码实例
2020/08/01 PHP
php使用event扩展的io复用测试的示例
2020/10/20 PHP
基于jQuery的倒计时实现代码
2012/05/30 Javascript
正则表达式搭配js轻松处理json文本方便而老古
2013/02/17 Javascript
nodejs中实现阻塞实例
2015/03/24 NodeJs
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
2018/09/03 Javascript
通过js给网页加上水印背景实例
2019/06/17 Javascript
Vue实现购物车实例代码两则
2020/05/30 Javascript
vue-router懒加载的3种方式汇总
2021/02/28 Vue.js
详解Python中的Cookie模块使用
2015/07/06 Python
pandas数据分组和聚合操作方法
2018/04/11 Python
局域网内python socket实现windows与linux间的消息传送
2019/04/19 Python
使用Python3内置文档高效学习以及官方中文文档
2019/05/19 Python
python matplotlib库直方图绘制详解
2019/08/10 Python
django 连接数据库 sqlite的例子
2019/08/14 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
Python装饰器使用你可能不知道的几种姿势
2019/10/25 Python
详解CSS3阴影 box-shadow的使用和技巧总结
2016/12/03 HTML / CSS
 Alo Yoga官网:购买瑜伽服装
2018/06/17 全球购物
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
线程问题:wait()方法是定义在哪个类里面
2015/07/07 面试题
无故旷工检讨书
2014/01/26 职场文书
社区党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
工程竣工验收申请报告
2015/05/15 职场文书
两行代码解决Jupyter Notebook中文不能显示的问题
2021/04/24 Python
关于Vue中的options选项
2022/03/22 Vue.js