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 相关文章推荐
js中将多个语句写成一个语句的两种方法小结
Dec 08 Javascript
Javascript 匿名函数及其代码模式原理
Mar 19 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
JavaScript中如何通过arguments对象实现对象的重载
May 12 Javascript
javascript实现Table排序的方法
May 15 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 Javascript
JavaScript编写的网页小游戏,很给力
Aug 18 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
Oct 22 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
Mar 25 Javascript
vue.js 解决v-model让select默认选中不生效的问题
Jul 28 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
php数据结构 算法(PHP描述) 简单选择排序 simple selection sort
2011/08/09 PHP
CI框架的安全性分析
2016/05/18 PHP
Open and Print a Word Document
2007/06/15 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
2014/11/26 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
jqueryUI里拖拽排序示例分析
2015/02/26 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
2016/05/17 Javascript
初识简单却不失优雅的Vue.js
2016/09/12 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
2016/10/10 Javascript
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
SpringMVC+bootstrap table实例详解
2017/06/02 Javascript
jQuery Jsonp跨域模拟搜索引擎
2017/06/17 jQuery
Vue.js实现的计算器功能完整示例
2018/07/11 Javascript
[45:59]完美世界DOTA2联赛PWL S2 FTD vs GXR 第二场 11.22
2020/11/24 DOTA
Python实现简单的HttpServer服务器示例
2017/09/25 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
Python获取昨天、今天、明天开始、结束时间戳的方法
2018/06/01 Python
python 找出list中最大或者最小几个数的索引方法
2018/10/30 Python
django解决跨域请求的问题
2018/11/11 Python
python 定时任务去检测服务器端口是否通的实例
2019/01/26 Python
Python装饰器用法与知识点小结
2020/03/09 Python
详解使用双缓存解决Canvas clearRect引起的闪屏问题
2019/04/29 HTML / CSS
使用layui实现左侧菜单栏及动态操作tab项的方法
2020/11/10 HTML / CSS
享受加州生活方式的时尚舒适:XCVI
2018/07/09 全球购物
你所在的项目是如何确定版本号的
2015/12/28 面试题
职称评定自我鉴定
2014/03/18 职场文书
食品业务员岗位职责
2014/03/18 职场文书
小学班主任培训方案
2014/06/04 职场文书
国际贸易本科毕业生求职信
2014/09/26 职场文书
妈妈再爱我一次观后感
2015/06/08 职场文书
小学教师读书笔记
2015/07/01 职场文书
Mysql基础之常见函数
2021/04/22 MySQL
Java Shutdown Hook场景使用及源码分析
2021/06/15 Java/Android