从jquery的过滤器.filter()方法想到的_jquery
程序员文章站
2022-04-17 13:57:45
...
最近发现了jquery的.filter()方法,这真是一个很强大的方法,最强大之处在于,他可以接受一个函数作为参数,然后根据函数的返回值判断,如果返回值是true,这个元素将被保留,如果返回值是false,这个元素将被剔除。这就是jquery选择器的过滤器。
空说无用,我们展示一下
如果我们要选择有一个子元素的
$("p>span").parent();
现在借助于.filter()我们可以写成这个样子:
$("p").filter(function(index){
return $(this).find("span").size();
});
虽然看起来有些麻烦,但是他提供了我们一种极其强大的自定义查找元素的功能,我们可以传递一个函数,然后借助jquery的隐式迭代,来实现查找。
这是目前我看到的jquery提供的最灵活的查找元素的方法。
空说无用,我们展示一下
复制代码 代码如下:
你好啊,今天及多大了啊
为什么要告诉你
如果我们要选择有一个子元素的
元素,平常我都是这么写的
复制代码 代码如下:
$("p>span").parent();
现在借助于.filter()我们可以写成这个样子:
复制代码 代码如下:
$("p").filter(function(index){
return $(this).find("span").size();
});
虽然看起来有些麻烦,但是他提供了我们一种极其强大的自定义查找元素的功能,我们可以传递一个函数,然后借助jquery的隐式迭代,来实现查找。
这是目前我看到的jquery提供的最灵活的查找元素的方法。
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
推荐阅读
-
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
-
jQuery使用正则验证15/18身份证的方法示例
-
JS/jquery实现一个网页内同时调用多个倒计时的方法
-
jQuery EasyUI tree增加搜索功能的实现方法
-
jQuery实现动态添加、删除按钮及input输入框的方法
-
Easyui 去除jquery-easui tab页div自带滚动条的方法
-
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
-
Vue项目中使用jquery的简单方法
-
jQuery ajax的功能实现方法详解
-
html5的自定义data-*属性与jquery的data()方法的使用