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下获取object(ActiveX)的Param的代码
Sep 15 Javascript
使用jquery实现以post打开新窗口
Mar 19 Javascript
jquery操作select大全
Apr 25 Javascript
jquery实现页面虚拟键盘特效
Aug 08 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
Nov 07 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
vue+swiper实现侧滑菜单效果
Dec 28 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
Vue组件创建和传值的方法
Aug 17 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
Oct 23 Javascript
原生JS无缝滑动轮播图
Oct 22 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
用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实现的生成静态HTML速度快类库
2007/03/31 PHP
PHP FTP操作类代码( 上传、拷贝、移动、删除文件/创建目录)
2014/05/10 PHP
PHP Yii框架之表单验证规则大全
2015/11/16 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
JQuery中$之选择器用法介绍
2011/04/05 Javascript
EasyUI 中 MenuButton 的使用方法
2012/07/14 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
2016/05/30 Javascript
jquery实现简单Tab切换菜单效果
2020/07/17 Javascript
基于angularjs实现图片放大镜效果
2016/08/31 Javascript
JavaScript调试的多个必备小Tips
2017/01/15 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
Vue多种方法实现表头和首列固定的示例代码
2018/02/02 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
2019/04/30 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
2019/09/11 Javascript
JavaScript相等运算符的九条规则示例详解
2019/10/20 Javascript
vue中activated的用法
2021/01/03 Vue.js
[05:08]2014DOTA2国际邀请赛 Hao专访复仇的胜利很爽
2014/07/15 DOTA
[39:18]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第二场 12.17
2020/12/19 DOTA
python3实现全角和半角字符转换的方法示例
2017/09/21 Python
对Python中range()函数和list的比较
2018/04/19 Python
Python字符串、整数、和浮点型数相互转换实例
2018/08/04 Python
python 实现数字字符串左侧补零的方法
2018/12/04 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
python ETL工具 pyetl
2020/06/07 Python
Python 利用flask搭建一个共享服务器的步骤
2020/12/05 Python
美国真皮手袋品牌:GiGi New York
2017/03/10 全球购物
利达恒信公司.NET笔试题面试题
2016/03/05 面试题
旅游网创业计划书
2014/01/31 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
先进班集体事迹材料
2014/12/25 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
幼儿园亲子活动感想
2015/08/07 职场文书
2016年圣诞节活动总结范文
2016/04/01 职场文书
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android
Java后台生成图片的完整步骤
2021/08/04 Java/Android