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实现动态增加文件域表单
Feb 12 Javascript
JavaScript XML操作 封装类
Jul 01 Javascript
jQuery中:enabled选择器用法实例
Jan 04 Javascript
js实现鼠标滚轮控制图片缩放效果的方法
Feb 20 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
Javascript复制实例详解
Jan 28 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
Jan 05 Javascript
浅谈angular4 ng-content 中隐藏的内容
Aug 18 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
Aug 28 Javascript
JS开发中基本数据类型具体有哪几种
Oct 19 Javascript
Vue调试神器vue-devtools安装方法
Dec 12 Javascript
Vue实现搜索结果高亮显示关键字
May 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 数组的指针操作实现代码
2011/02/08 PHP
PHP的拦截器实例分析
2014/11/03 PHP
php实现获取农历(阴历)、节日、节气的类与用法示例
2017/11/20 PHP
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
2014/06/12 Javascript
CSS3,HTML5和jQuery搜索框集锦
2014/12/02 Javascript
对象题目的一个坑 理解Javascript对象
2015/12/22 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
2016/09/14 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
浅谈JS如何实现真正的对象常量
2017/06/25 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
2017/07/27 Javascript
前端把html表格生成为excel表格的实例
2017/09/19 Javascript
详解Vue webapp项目通过HBulider打包原生APP
2018/06/29 Javascript
vue组件表单数据回显验证及提交的实例代码
2018/08/30 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
node.js事件轮询机制原理知识点
2019/12/22 Javascript
Python读取图片属性信息的实现方法
2016/09/11 Python
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
Python3实现的画图及加载图片动画效果示例
2018/01/19 Python
浅谈Python中的zip()与*zip()函数详解
2018/02/24 Python
python里 super类的工作原理详解
2019/06/19 Python
VPS CENTOS 上配置python,mysql,nginx,uwsgi,django的方法详解
2019/07/01 Python
python中列表的切片与修改知识点总结
2019/07/23 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
Python计算不规则图形面积算法实现解析
2019/11/22 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
美国性感女装网站:bebe
2017/03/04 全球购物
土木工程应届生自荐信
2013/09/24 职场文书
2013年入党人员的自我鉴定
2013/10/25 职场文书
测控技术与通信工程毕业生自荐信范文
2013/12/28 职场文书
小学班主任培训方案
2014/06/04 职场文书
简历自荐信范文
2015/03/09 职场文书
敬老院志愿者活动总结
2015/05/06 职场文书
Python基础数据类型tuple元组的概念与用法
2021/08/02 Python
部分武汉产收音机展览
2022/04/07 无线电