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 相关文章推荐
Javascript基础教程之函数对象和属性
Jan 18 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
Apr 08 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
JS for循环中i++ 和 ++i的区别介绍
Jul 20 Javascript
Select下拉框模糊查询功能实现代码
Jul 22 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
深入理解React高阶组件
Sep 28 Javascript
JavaScript变量作用域及内存问题实例分析
Jun 10 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
vue实现点击按钮“查看详情”弹窗展示详情列表操作
Sep 09 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递归算法的详细示例分析
2013/02/19 PHP
php中替换字符串函数strtr()和str_repalce()的用法与区别
2016/11/25 PHP
JavaScript Archive Network 集合
2007/05/12 Javascript
JQuery 操作select标签实现代码
2010/05/14 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
2014/06/13 Javascript
开源的javascript项目Kissy介绍
2014/11/28 Javascript
Javascript实现苹果悬浮虚拟按钮
2016/04/10 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
2016/09/08 Javascript
学习vue.js条件渲染
2016/12/03 Javascript
AngularJS 中的数据源的循环输出
2017/10/12 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
[04:39]显微镜下的DOTA2第十三期—Pis卡尔个人秀
2014/04/04 DOTA
Python设置默认编码为utf8的方法
2016/07/01 Python
Python探索之创建二叉树
2017/10/25 Python
python 按照固定长度分割字符串的方法小结
2018/04/30 Python
Ubuntu下使用python读取doc和docx文档的内容方法
2018/05/08 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
Python学习笔记之字符串和字符串方法实例详解
2019/08/22 Python
使用PyTorch训练一个图像分类器实例
2020/01/08 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
美国最值得信赖的宠物药房:Allivet
2019/03/23 全球购物
英国地毯卖家:The Rug Seller
2019/07/18 全球购物
人力资源部经理岗位职责规定
2014/02/23 职场文书
一般党员对照检查材料
2014/09/24 职场文书
设备收款委托书范本
2014/10/02 职场文书
领导欢迎词范文
2015/01/26 职场文书
违纪检讨书范文
2015/01/27 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
2020年元旦晚会策划书模板
2019/12/30 职场文书
Python的flask接收前台的ajax的post数据和get数据的方法
2021/04/12 Python
生命的关键成分来自太空?陨石说是的
2022/04/29 数码科技