jQuery选择器文字攻略

（复杂组合留待补全）

普通选择器：（标签名，#id，.class）

一个元素同时属于多个类，只要其中一个或几个满足选择器条件，该元素就会被选中

 

对元素名称的选择和类基本相同，不过习惯上不会使用相同名字来命名元素。这句话的意思是，虽然可以用与类选择器相似的写法选出同名所有元素，不过习惯上每个元素的id都是不同的，所以同名元素实际上不会被使用，这种情况也就不会出现了。

 

标签/类/名称选择器，会选出所有满足选择条件的元素，不论是单值还是多值。

 

层叠选择器：

连在一起的选择条件，表示选择同时匹配所有条件的元素；

空格隔开的选择条件，表示先进行一轮挑选，然后在第一轮选出的所有元素的子元素中选择符合第二个条件的，类推。

逗号隔开的选择条件，表示选出任意满足其一的所有元素

$(.cs > *)选出cs类的所有子孙元素。

$(.cs + .s)选出 所有 cs类元素的同胞中，属于s类的，同胞元素

$(.cs ~ .x)选出与cs类元素共父的同胞中，属于x类的，同胞元素

 

选择器过滤器：（:）

在上一步的结果集中过滤出想要的一个或多个元素

默认值：first第一个，last最后一个，even偶数全员，odd奇数全员

              header所有标题元素，animated所有动画元素

              empty无子元素 的所有元素

              hidden所有被隐藏的元素 visible 所有可见的元素

参数为index的函数：eq()选出第（参数+1）个元素。因为下标从0开始

                                    gt()选出大于（参数+1）的全部元素

                                     lt()选出小于（参数+1）的全部元素

参数为选择器的函数：not(selector)，排除掉所有满足选择器条件的元素，获取剩下的元素

参数为字符串的函数：contains(text)，文本中包含指定字符串text的所有元素

 

属性过滤器：（[ ]）

方括号内容为属性名：选出所有带有该属性的元素

方括号内容为属性名=某值：选出该属性值为某值的元素

方括号内容为属性名！=某值：选出该属性值不等于某值的元素

方括号内容为属性名$=某值：选出该属性值以某值结尾的元素

方括号内容为属性名^=某值：选出该属性值以某值开头的元素

方括号内容为属性名*=某值：选出该属性值包含某值的元素

 

表单元素过滤器：（:）针对form标签下的元素

input所有input元素

各种type名，选出type=给定type的元素

 

enabled 所有激活的input元素（可以使用的）

disabled 所有禁用的input元素（灰的点不动的）

selected 所有被选取的input元素

checked 所有被选中的input元素

粗略整理，若有补充和指教，请留言评论，一起完善。