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选择所有类型为文本的元素。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。