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 相关文章推荐
List all the Databases on a SQL Server
Jun 21 Javascript
jQuery ui1.7 dialog只能弹出一次问题
Aug 27 Javascript
Js注册协议倒计时的小例子
Jun 24 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
Jun 05 Javascript
BootStrap便签页的简单应用
Jan 06 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
js单页hash路由原理与应用实战详解
Aug 14 Javascript
vue中使用[provide/inject]实现页面reload的方法
Sep 30 Javascript
vue实现折线图 可按时间查询
Aug 21 Javascript
详解JavaScript执行模型
Nov 16 Javascript
vue3.0实现插件封装
Dec 14 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
第九节--绑定
2006/11/16 PHP
剖析 PHP 中的输出缓冲
2006/12/21 PHP
php和js交互一例-PHP教程,PHP应用
2007/01/03 PHP
从零开始学YII2框架(五)快速生成代码工具 Gii 的使用
2014/08/20 PHP
PHP实现图片上传并压缩
2015/12/22 PHP
PHP简单实现冒泡排序的方法
2016/12/26 PHP
Aster vs KG BO3 第一场2.19
2021/03/10 DOTA
使javascript也能包含文件
2006/10/26 Javascript
Javascript的并行运算实现代码
2010/11/19 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
jQuery知识点整理
2015/01/30 Javascript
jQuery菜单插件superfish使用指南
2015/04/21 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
2015/11/17 Javascript
通过sails和阿里大于实现短信验证
2017/01/04 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
使用cropper.js裁剪头像的实例代码
2017/09/29 Javascript
ES6学习笔记之map、set与数组、对象的对比
2018/03/01 Javascript
ES6基础之解构赋值(destructuring assignment)
2019/02/21 Javascript
javascript使用substring实现的展开与收缩文字功能示例
2019/06/17 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
2019/08/09 Javascript
Vue3新特性之在Composition API中使用CSS Modules
2020/07/13 Javascript
[05:49]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS 选手采访
2021/03/11 DOTA
Python创建普通菜单示例【基于win32ui模块】
2018/05/09 Python
python pygame实现五子棋小游戏
2020/10/26 Python
python实现按行分割文件
2019/07/22 Python
安装python依赖包psycopg2来调用postgresql的操作
2021/01/01 Python
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
加拿大快时尚零售商:Ardene
2018/02/14 全球购物
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
师范生实习个人的自我评价
2013/09/28 职场文书
贷款委托书范本
2014/04/08 职场文书
机电一体化专业求职信
2014/07/22 职场文书
中学生打架《检讨书》范文
2019/08/12 职场文书
Python实现文本文件拆分写入到多个文本文件的方法
2021/04/18 Python
基于Python和openCV实现图像的全景拼接详细步骤
2021/10/05 Python