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 动画基础教程
Dec 25 Javascript
Prototype Class对象学习
Jul 19 Javascript
探讨JavaScript语句的执行过程
Jan 28 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
JavaScript设计模式之代理模式详解
Jun 09 Javascript
vue 通过下拉框组件学习vue中的父子通讯
Dec 19 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
微信小程序3种位置API的使用方法详解
Aug 05 Javascript
vue 组件内获取actions的response方式
Nov 08 Javascript
React 父子组件通信的实现方法
Dec 05 Javascript
JS脚本实现定时到网站上签到/签退功能
Apr 22 Javascript
vue+echarts实现动态折线图的方法与注意
Sep 01 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中使用preg_replace函数匹配图片并加上链接的方法
2013/02/06 PHP
thinkphp验证码显示不出来的解决方法
2014/03/29 PHP
PHP培训要多少钱
2017/06/06 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
php依赖注入知识点详解
2019/09/23 PHP
jquery 插件学习(五)
2012/08/06 Javascript
jquery的总体架构分析及实现示例详解
2014/11/08 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
Jquery $when done then的用法详解
2016/05/20 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
2016/07/09 Javascript
总结在前端排序中遇到的问题
2016/07/19 Javascript
jquery+Jscex打造游戏力度条
2020/09/12 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
基于JavaScript实现拖动滑块效果
2017/02/16 Javascript
jQuery用noConflict代替$的实现方法
2017/04/12 jQuery
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
json数据传到前台并解析展示成列表的方法
2018/08/06 Javascript
element-ui中select组件绑定值改变,触发change事件方法
2018/08/24 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
浅谈Vue static 静态资源路径 和 style问题
2020/11/07 Javascript
Python中正则表达式的用法实例汇总
2014/08/18 Python
django1.8使用表单上传文件的实现方法
2016/11/04 Python
django数据库自动重连的方法实例
2019/07/21 Python
python3 tcp的粘包现象和解决办法解析
2019/12/09 Python
Flask框架搭建虚拟环境的步骤分析
2019/12/21 Python
详解Python中的路径问题
2020/09/02 Python
pycharm 的Structure界面设置操作
2021/02/05 Python
美国值得信赖的婚恋交友网站:eHarmony
2018/10/04 全球购物
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
暖通工程师岗位职责
2014/06/12 职场文书
cf战队收人口号
2014/06/21 职场文书
汽车服务工程专业自荐信
2014/09/02 职场文书
Pytest实现setup和teardown的详细使用详解
2021/04/17 Python
详解MySQL的Seconds_Behind_Master
2021/05/18 MySQL