Jquery内容、可见度、属性过滤选择器的理解和简单语句说明

Jquery内容过滤选择器

一、概念：根据节点内容进行选择，实现了对基本内容的过滤

二、用途：1、可以实现内容的过滤

        2、判断选择指定元素内的元素

        3、判断特殊需求的元素（空、拥有等）

三、jquery内容过滤选择器

   1、 ：contains

概述：匹配包含给定文本的元素

例如：查找所有包含”john”的div元素

$("div:contains('John')")

   2、 ：empty

概述：匹配所有不包含子元素或者文本的空元素

例如：查找所有不包含子元素或者文本的空div元素

   $(“div:empty”)

3、 ：has

概述：匹配包含选择器所匹配的元素的元素

例如：给所有包含 p 元素的 div 元素添加一个 text 类 $(“div:has”)

4、 ：parent

概述：匹配所有子元素或者文本的元素

例如：查找所有含有子元素和文本的td元素

 $(“td:parent”)

jquery可见度过滤选择器

一、概念：可见度过滤选择器是根据元素的可见和不可见状态来选择相应的元素

二、jquery可见度过滤选择器

1、：hidden

用法: $(”tr:hidden”) 返回值 集合元素(匹配所有的不可见元素)

2、：visible

用法: $(”tr:visible”) 返回值 集合元素(匹配所有的可见元素)

Jquery属性过滤选择器

一、概念：根据元素的属性来选择相应的元素

二、jquery属性过滤选择器（以div为例）

1、$(“div[id]”)：选取拥有属性id的div元素

2、$(“div[title= str]”) 选取拥有title等于str值的div元素

3、$(“div[title!= str]”) 选取title不等于str的div元素

4、$(“div[title^= str]”) 选取拥有属性title,并且title属性值以str开头的div元素

5、$(“div[title$= str]”) 选取拥有属性title,并且title属性值以str结尾的div元素

6、$(“div[title*= str]”) 选取拥有属性title,并且title属性值含有str的div元素

7、$(“div[title*= str][class]”) 选取拥有属性title,并且title属性值含有str，并且有class属性的div元素