集团站切换校区

验证码已发送,请查收短信

图标

学习文章

当前位置:首页 > >学习文章 > >

{HTML5}过滤选择器-第四节-内容过滤器-上

发布时间: 2018-11-02 11:45:45

​内容过滤器的过滤规则主要是包含的子元素或文本内容上。


//选择元素文本节点含有 baidu文本的元素      

$('div:contains("baidu")').css('background', '#ccc');  

$('div:empty').css('background','#ccc');         //选择空元素 

$('ul:has(.red)').css('background','#ccc');      //选择子元素含有 class 是 red 的元素

$(':parent').css('background','#ccc');           //选择非空元素    


jQuery 提供了一个 has()方法来提高:has 过滤器的性能:

$('ul').has('.red').css('background','#ccc');        //选择子元素含有 class 是 red的元素


jQuery 提供了一个名称和:parent 相似的方法,但这个方法并不是选取含有子元素或文本的元素,而是获取当前元素的父元素(节点操作),返回的是元素集合。

$('li').parent().css('background','#ccc');          //选择当前元素的父元素

$('li').parents().css('background','#ccc');         //选择当前元素的父元素及祖先元素

$('li').parentsUntil('div').css('background','#ccc');   //选择当前元素遇到 div 父元素停止


上一篇: {HCNA-AI TensorFlow编程基础}之会 话

下一篇: {HTML5}过滤选择器-第四节-上

十年老品牌
QQ咨询:450959328 微信咨询:togogozhong 咨询电话:020-38289118 咨询网站客服:在线客服

相关课程推荐

在线咨询 ×

您好,请问有什么可以帮您?我们将竭诚提供最优质服务!