文档章节

jquery find()和filter()的区别

pulading
 pulading
发布于 2014/06/04 23:34
字数 275
阅读 11
收藏 0

find()是对它的子集操作,filter()对自身集合元素筛选

刚才在看Elleshop前端的js效果,发现一个filter()方法,心想怎么不用find()呢,查了一个两个函数的区别,文档上面是这么写的:

find(expr):搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法  

filter(expr):筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式


写了一个demo测试一下,

<html>

<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

    $(function(){

       alert($("p").find(".selected").html()); // find html

       alert($("p").filter(".selected").html()); // filter html

    });

</script>

</head>

<body>

<p>html</p>

<p><span class="selected">find html</span></p>

<p class="selected">filter html</p>

</body>

</html>


也许你已经看出它们的区别了,find()会在p元素内寻找class为selected的元素。而filter()则是筛选p的class为selected的元素。一个是对它的子集操作,一个是对自身集合元素筛选


© 著作权归作者所有

共有 人打赏支持
pulading
粉丝 1
博文 8
码字总数 5444
作品 0
浦东
程序员
私信 提问
20 个 jQuery 和 CSS 的文本特效插件

Jumble Text Effect Plugins Demo || Download Vticker – Vertical News Ticker With JQuery Plugin Demo || Download JQuery TE – Text Editor With JQuery Plugin Demo || Download Squi......

oschina
2013/08/14
3.4K
5
50 个优秀 CSS3 技巧和优美的设计教程

Filter Functionality with CSS3 Thumbnail Proximity Effect with jQuery and CSS3 Fullscreen Background Image Slideshow with CSS3 CSS3 灯箱 Slopy Elements with CSS3 Item Blur Effec......

红薯
2012/01/11
2.5K
0
JS对象与Dom对象与jQuery对象之间的区别

前言 通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 分析: 其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象 解......

苦水润喉
2018/08/16
0
0
自定义弹出窗口,实现可输入可过滤自动选择下拉框

/** jQuery dialog windows * author : piyg Copyright(c) : 2014-09-01 09:28 Version 1.0-pre **自定义定时定频弹出窗口; *用法: *在自身jsp页面调用 showDialog(title,fn1,fn2),showP......

osc皮皮
2014/09/24
0
0
使用原生的 javascript 来替代 jquery

JSON JQUERY $.getJSON('/my/url', function(data) { }); IE9+ var request = new XMLHttpRequest(); request.open('GET', '/my/url', true); request.onload = function() { if (request.st......

蜗牛奔跑
2015/07/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

jenkins 配置

1. ssh-keygen -t rsa 2. 配置 GitLab 用户 创建一个用户或选择一个已有用户,用来让 Jenkins 和 GitLab API 交互。这个用户将需要是全局的管理员或添加进每个组/工程,并作为成员。需要开发...

关上越
8分钟前
1
0
中台迷思

到处都在喊中台,到处都是中台,中台这个词在我看来已经被滥用了。 在有些人眼里:中台就是技术平台,像微服务开发框架、Devops平台、PaaS平台,容器云之类的,人们都叫它“技术中台”。 在有...

老道士
15分钟前
1
0
Linux命令参数解析

Linux命令参数 通过一个例子来理解什么是Linux命令参数。以Linux中常用的删除命令“rm”为例,输入“rm --help”可以看到如下信息,其中红色框内的就是命令参数。经常使用Linux对命令参数应该...

RongJinhui0
18分钟前
1
0
边缘节点服务ENS重磅升级 阿里云首次定义“边缘云计算”概念层层深入

摘要: 在这一横一纵之间,阿里云在2018年率先提供了基于运营商边缘节点和网络的弹性分布式算力资源平台,也就是边缘节点服务ENS,连接最后10公里的ENS可以帮助用户将计算、转发等业务下沉至...

阿里云云栖社区
23分钟前
1
0
阿里云 Aliplayer高级功能介绍(四):直播时移

基本介绍 时移直播基于常规的HLS视频直播,直播推流被切分成TS分片,通过HLS协议向播放用户分发,用户请求的m3u8播放文件中包含不断刷新的TS分片地址;对于常规的HLS直播而言,TS分片地址及相...

阿里云官方博客
26分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部