jquery之选择将被操作的元素(利用自定义jquery选择器)

jquery之选择将被操作的元素(利用自定义jquery选择器)

----------

CSS选择器赋予我们强大的力量和灵活性去匹配想要的DOM元素，但有时我们想根据CSS规范没有预料到的特征去选择元素。

 选择器                 描述

 :animated             选择当前处于动态控制之下的元素。

 :button               选择任何按钮(input[type=submit],input[type=reset],input[type=button],或button）

 :checkbox             只选择复选框元素(input[type=checkbox])

 :checked               只选择已选中的复选框或单选按钮(为css所支持)

 :contains(foo)         只选择包含文本foo的元素

 :disabled             只选择在界面上已经禁用的表单元素(为css所支持)

 :enabled               只选择在界面上已经启用的表单元素(为css所支持)

 :file                 选择所有文件元素(input[type=file])

 :header               只选择标题元素(<hn>,n代表1到6)，例如：<h1>,<h2>...<h6>

 :hidden               只选择隐藏元素

 :image                 选择表单图像元素(input[type=image])

 :input                 只选择表单元素(<input>,<select>,<textarea>,<button>)

 :not(filter)           根据指定的筛选器进行求反

 :parent               只选择拥有后代节点(包括文本)的元素，而排除空元素

 :password             只选择口令元素(input[type=password])

 :radio                 只选择单选按钮元素(input[type=radio])

 :reset                 选择复位按钮元素(input[type=reset]或button[type=reset])

 :selected             选择已选中的选项元素

 :submit               选择提交按钮元素(button[type=submit]或input[type=submit])

 :text                 只选择文本字段元素(input[type=text])

 :visible               只选择可见元素

 

许多自定义jquery选择器是和表单相关的，允许简明地指定具体的元素类型或状态。也可以组合筛选选择器。，如：假定只想选择已启用的已选中复选框，可以使用：

:checkbox:checked:enabled

 

利用:not筛选器

如果想要对筛选器求反，假定我们匹配任何不是复选框的<input>元素，就采用:not筛选器。它为CSS筛选器所支持，并与自定义的jquery筛选选择器协同工作。为了选择非复选框<input>元素，使用

input:not(:checkbox)

认清筛选选择器和查找选择器之间的差异是非常重要的。筛选选择器，通过对元素应用更高的选择标准(就像前面的示例那样)，缩小正在匹配的元素的集合；查找选择器，比如后代选择器(空格符)，子节点选择器(>)以及兄弟节点选择器(+),则查找与已选择元素具有某种关系的其他元素，而不是通过把标准应用于已匹配元素来限制匹配范围。

 

可以把:not筛选器应用到筛选选择器，但不能应用到查找选择器。

div p:not(:hidden)

这是完全正确的选择器，但div:not(p:hidden)是不正确的。

 

为了使事情变得简单，筛选选择器被简单地标识，因为它们都以冒号(:)或者左方括号([)开头。除筛选选择器以外，任何其他选择器都不能在:not()筛选器里使用。