100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解【jquery】

基于jquery的has()方法以及与find()方法以及filter()方法的区别详解【jquery】

时间:2021-03-14 11:34:56

相关推荐

基于jquery的has()方法以及与find()方法以及filter()方法的区别详解【jquery】

web前端|js教程

has(),find(),filter()

web前端-js教程

has(selector选择器或DOM元素) 将匹配元素集合根据选择器或DOM元素为条件,检索该条件在每个元素的后代中是否存在,将符合条件的的元素构成新的结果集。

下面举一个例子:

c 源码,在ubuntu忘了密码,tomcat服务器面试,爬虫 京东 抢购,php java 混合架构,康平一站式抖音seo优化价位lzw

list item 1

list item 2

时间轴源码,ubuntu强退后黑屏,tomcat虚拟路径的配置,移动爬虫软件,php7天值班,单seolzw

alist item 2-a

list item 2-b

仿果壳app源码,vscode界面解析,ubuntu烟,tomcat启动访问,SQLITE下载视频剪辑,discuz购买插件,前端框架能快速做哪些页面,手机应用商店评论爬虫软件,php cms 开源系统,seo模型程序教学,微信挂机网站源码,网页鼠标经过星星特效,网页框架和模板下载lzw

list item 3

list item 4

$(li).has(span).css(ackground-color, ed);

得到的结果如下:

这个例子可以看出:在匹配li时,要检查该li的后代元素中是否包含了span,如果包含,则该元素包含在结果中。如果不包含,那么就排除。

注意:has只起判断作用。以has参数中的选择器或DOM元素做为条件,检测原结果集中的元素是否符合。去掉不符合的元素,将符合的元素构成一个新结果集。

这与find()方法不同,find()方法是获得在当前结果集中每个元素的后代。参数(选择器、jquery集合或DOM元素)做为过滤条件,满足过滤条件的则保留,保留的是后代。而has()方法中,参数只做为条件,符合条件的,它的前元素加入新的结果集,而不是后代加入新的结果集。

$(‘li’).find(‘span’).css(‘background-color’, ‘red’);

结果为:

filter()方法与has()方法中的参数,都是过滤条件。不同的是filter()方法,条件作用于自身;has()方法条件是作用于它的后代元素中。

以下面的例子为例:filter()方法中,条件作用于自身li,has()方法条件是作用于li的后代元素

list item 1

list item 2

alist item 2-a

list item 2-b

list item 3

list item 4

$(li).filter(.a).css(ackground-color, ed);

结果为:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。