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 28 Javascript
Javascript实现Web颜色值转换
Feb 05 Javascript
jQuery向后台传入json格式数据的方法
Feb 13 Javascript
jquery中表单 多选框的一种巧妙写法
Sep 06 Javascript
Js的Array数组对象详解
Feb 22 Javascript
jQuery实现的tab标签切换效果示例
Sep 05 Javascript
折叠菜单及选择器的运用
Feb 03 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 Javascript
Vue实现兄弟组件间的联动效果
Jan 21 Javascript
js实现双人五子棋小游戏
May 28 Javascript
Vue指令实现OutClick的示例
Nov 16 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上传图片进行等比缩放可增加水印功能
2014/01/13 PHP
采用memcache在web集群中实现session的同步会话
2014/07/05 PHP
php从文件夹随机读取文件的方法
2015/06/01 PHP
Yii框架Session与Cookie使用方法示例
2019/10/14 PHP
sogou地图API用法实例教程
2014/09/11 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
2014/11/28 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
2015/11/05 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
2016/03/09 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
轻松理解JavaScript之AJAX
2017/03/15 Javascript
Vue filters过滤器的使用方法
2017/07/14 Javascript
Vue 项目部署到服务器的问题解决方法
2017/12/05 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
2018/08/28 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
2019/05/26 Javascript
Vue动态生成表格的行和列
2019/07/18 Javascript
vue 中几种传值方法(3种)
2019/11/12 Javascript
JS原型和原型链原理与用法实例详解
2020/02/05 Javascript
[51:28]EG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/16 DOTA
Python使用filetype精确判断文件类型
2017/07/02 Python
Python文件路径名的操作方法
2019/10/30 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
tensorflow 初始化未初始化的变量实例
2020/02/06 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
Python新手如何理解循环加载模块
2020/05/29 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
python闭包与引用以及需要注意的陷阱
2020/09/18 Python
python实现计算图形面积
2021/02/22 Python
介绍一下游标
2012/01/10 面试题
PPP协议组成及简述协议协商的基本过程
2015/05/28 面试题
草房子读书笔记
2015/06/29 职场文书
婚礼父母致辞
2015/07/28 职场文书
交通安全学习心得体会
2016/01/18 职场文书