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

内容筛选器

: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");