JQ笔记之选择器

注意：因为:has()是一个JQ延伸出来的一个选择器。并且不是CSS规范的一部分，使用:has()查询不能充分利用原生DOM提供的querySelectorAll()方法来提高性能。

       :parent选择所有含有子元素或文本的父级元素。

5、可见性筛选

       :hidden选择所有隐藏的元素。例如：$(“div:hidden”)

       :visible选择所有可见的元素。（在文档中占据一定空间，被认为是可见的）

元素可以被认为是隐藏的几个情况：

他们的CSS display值为none；

他们是type=’hidden’的表单元素；

元素的宽和高都显示的设置为0；

一个祖先元素是隐藏的，因此自身不会在页面上显示。

元素visibility:hidden或opacity:0被认为是可见的，因为他们还占据空间。

6、属性

       [attribute|=value]选择指定元素值等于给定字符串或该字符串前缀的元素。

       [arrribute*=value]选择指定属性具有包含一个给定子字符串的元素。

       [attribute~=value]选择指定属性用空格分隔的值中包含一个给定元素值得元素。

       [attribute$=value]选择指定属性是以给定值结尾的元素。区分大小写。

       [attribute=value]选择指定属性等于给定值的元素。

       [attribute!=value]选择不存在指定属性，或指定属性不等于给定值的元素。等同于:not([attr=value])

[attribute^=value]选择指定属性以给定字符串开始的元素。

[attribute] 选择所有指定元素，属性可以是任何值。

[  ][  ]   多条件属性查询。

7、子元素筛选

       :first-child选择所有父级元素下第一个子元素。相当于:nth-child(1)

:last-child 选择所有父级元素下最后一个子元素。

       :first-of-type选择所有相同元素名称的第一个兄弟元素。

       :last -of-type 选择所有相同元素名称的最后一个兄弟元素。

       :nth-child(n)选择他们所有父元素的第n个子元素。从一开始计数。

       :nth-last-child(n)选择他们所有父元素的第n个子元素。从最后一个开始计数到第一个。

       :nth-last-of-type(n)选择他们所有父元素的第n个子元素。从最后一个开始计数到第一个。

       :nth-of-type选择同属于一个父元素之下，并且标签名相同的子元素中的第n个。

       :only-child如果某个元素是其父元素唯一的子元素，那么他就会被选中。

       :nth-of-type如果父元素有相同的元素名称的其他子元素，那么没有元素会被匹配。

8、表单

       :button匹配所有按钮和类型为按钮的元素。

       :checkbox选择类型为复选框的元素。

       :checked选择所有勾选的元素。

       :disabled选择所有被禁用的元素。

       :enabled选择未被禁用的元素。

       :focus选择当前获取焦点的元素。

       :file选择文件类型为file的元素。

       :p_w_picpath选择所有图像类型的元素。

       :input选择所有inputtextarea select button 元素。

       :password选择所有类型为密码的元素。

       :radio选择所有类型为单选框的元素。

       :reset选择类型为重置的元素。等价于[type=’reset’]

       :select获取select元素中所有被选中的元素。

       :submit选择所有类型为提交的元素。

       :text选择所有类型为文本的元素。