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 获取计算后的样式写法及注意事项
Feb 25 Javascript
jQuery.extend()的实现方式详解及实例
Jun 29 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
Dec 03 Javascript
第一章之初识Bootstrap
Apr 25 Javascript
JS实现焦点图轮播效果的方法详解
Dec 19 Javascript
JS解析url查询参数的简单代码
Aug 06 Javascript
seajs下require书写约定实例分析
May 16 Javascript
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
vue实现压缩图片预览并上传功能(promise封装)
Jan 10 Javascript
用Vue.js方法创建模板并使用多个模板合成
Jun 28 Javascript
layui 弹出层回调获取弹出层数据的例子
Sep 02 Javascript
教你使用vscode 搭建react-native开发环境
Jul 07 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 CURL模拟GET及POST函数代码
2010/04/25 PHP
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
PHP中strnatcmp()函数“自然排序算法”进行字符串比较用法分析(对比strcmp函数)
2016/01/07 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
PHP实现生成数据字典功能示例
2018/05/24 PHP
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
JS获取农历日期具体实例
2013/11/14 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
2014/02/24 Javascript
JavaScript里实用的原生API汇总
2015/05/14 Javascript
Css3制作变形与动画效果
2015/07/24 Javascript
javascript对象的创建和访问
2016/03/08 Javascript
JS动态加载脚本并执行回调操作
2016/08/24 Javascript
使用nodejs下载风景壁纸
2017/02/05 NodeJs
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
2017/05/03 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
Vue不能观察到数组length的变化
2018/06/08 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
2019/08/27 Javascript
JS数组及对象遍历方法代码汇总
2020/06/16 Javascript
python的常见命令注入威胁
2013/02/18 Python
归纳整理Python中的控制流语句的知识点
2015/04/14 Python
Python pymongo模块用法示例
2018/03/31 Python
Python中循环引用(import)失败的解决方法
2018/04/22 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
查看jupyter notebook每个单元格运行时间实例
2020/04/22 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
windows支持哪个版本的python
2020/07/03 Python
Django项目在pycharm新建的步骤方法
2021/03/02 Python
CSS3 :default伪类选择器使用简介
2018/03/15 HTML / CSS
PyQt 如何创建自定义QWidget
2021/03/24 Python
法学专业求职信
2014/07/15 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
太空授课观后感
2015/06/17 职场文书
升学宴家长致辞
2015/07/27 职场文书