一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery内容筛选选择器实例代码

时间:2022-06-25 17:17:23 编辑:袖梨 来源:一聚教程网

 

 代码如下 复制代码

 

  

  

  

  

 

  

内容筛选器

  

:contains/:has

  

    

      

:contains

    

    

      

:contains

    

    

      

        :has

      

    

    

      

:contains

    

  

 

  

    //查找所有class='div'中DOM元素中包含"contains"的元素节点

    //并且设置颜色

    $(".div:contains(':contains')").css("color", "#CD00CD");

  

 

  

    //查找所有class='div'中DOM元素中包含"span"的元素节点

    //并且设置颜色

    $(".div:has(span)").css("color", "blue");

  

 

 

  

:parent/:empty

  

    

      :parent

    

    

      :parent

    

    

      :parent

    

    

      

    

  

  

    //选择所有包含子元素或者文本的a元素

    //增加一个蓝色的边框

    $("a:parent").css("border", "3px groove blue");

  

 

  

    //找到a元素下面的所有空节点(没有子元素)

    //增加一段文本与边框

    $("a:empty").text(":empty").css("border", "3px groove red");

  

 

 

 

热门栏目