内容过滤选择器与可见性过滤选择器

内容过滤选择器

    

1、:contains(text)

    用法: $(”div:contains(’John’)”)    返回值  集合元素

      说明: 匹配子元素或后代元素包含给定文本(text)的元素集合

2、:empty

        用法: $(”td:empty”)   返回值  集合元素

      说明: 匹配所有不包含子元素或者文本的空元素

3、:has(selector)

      用法: $(”div:has(p)”).addClass(”test”)    返回值  集合元素

      说明: 匹配含有选择器selector所匹配元素的元素集合

4、:parent

    用法: $(”td:parent”)   返回值  集合元素

      说明: 匹配含有子元素或者文本的元素，跟:empty相反

可见性过滤选择器

 

1、:hidden

    用法: $(”tr:hidden”)  返回值  集合元素

     说明: 匹配所有的不可见元素，input 元素的 type 属性为 “hidden” 的话也会被匹配到.意思是css中display:none和input type=”hidden”的都会被匹配到.

2、:visible

    用法: $(”tr:visible”)  返回值  集合元素

    说明: 匹配所有的可见元素.