JQuery选择器

jQuery选择器完全继承了CSS风格，利用jQuery选择器可以非常方便和快速的找到特定的DOM元素，然后给他添加行为。

JQuery中的选择器种类：

基本选择器

层次选择器

过滤选择器

内容选择器

可见性选择器

属性选择器

子元素过滤选择器

表单选择器

基本选择器

#id:根据id选择指定元素

.className:选取所有类名为className的元素

className（元素名）：根据给定的元素名匹配元素

*：匹配所有元素

Select1，select2...：找到所有指定元素，组合起来一起返回

A,B:可以通过逗号隔开元素名称查找A和B元素一起返回。

层次选择器

a b :空格隔开两个选择器：选取第一个元素里面的所有第二个元素。包括孙子。。

a>b：选取a下面的所有b子元素，只包含子元素，不包括所有孙子。。。

a+b：选取紧接着a元素之后的下一个同辈b元素，只是之后的一个元素。

a~b：选取a元素之后的所有同辈b元素

过滤选择器：相当于超连接的伪类别

超连接的伪类别可分为四个属性：

a:link ：超链接的普通样式，即正常浏览状态的样式。

a:hover：鼠标指针经过（悬停）超链接上时的样式。

a:active：在超链接上点击，即“当前激活”时，超链接的样式。

a:visited：被点击过的超链接的样式。

：first:选取指定元素集合中的第一个元素

：last：选取最后一个元素

：Not(selector)：选取除了与给定选择器selector相同的其他元素。

：even：选取索引值为偶数的所有元素,从零开始

：odd：选取索引值为奇数的所有元素

：eq（index）：选取与给定索引元素角标匹配的元素

：gt（index）：匹配大于给定索引值的元素。

：lt（index）：匹配小于给定索引值元素

：header：选择标题元素h1、h2等

：animated：匹配正执行动画效果的元素。

内容过滤选择器：

：contains（text）：匹配只要含有给定文本的元素

：has（selector）：匹配含有选择器所指定元素的元素

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

：parent：选取含有子元素或文本的元素（非空元素）

可见性选择器

：visible：选取所有可见元素

：hidden：选取所有不可见元素

属性选择器

[attribute]:选取拥有此属性的元素

[attribute=value]:选取属性值等于value的元素

[attribute !=value]:选取属性值不等于value的元素

[attribute^=value]:选取属性值以value开始的元素

[attribute$=value]:选取属性值以value结尾的元素

[attribute*=value]:选取属性值包含value的元素

[attribute~=value]:选取属性值包含value且以空格可开的元素

[attribute1] [attribute2]:多个属性选择器合并成一个属性选择器。并且的意思。

表单选择器

:input：选取所有<input>、<textarea>、<select>、<button>元素

:text：选取所有单行文本框

:password：选取所有密码框

:radio：选取所有单选按钮

:checkbox：选取所有复选框

:submit：选取所有提交按钮

:img：选取所有图像按钮

:reset：选取所有重置按钮

:button：选取所有button按钮

:file：选取所有上传域

表单对象属性过滤选择器

:disabled：选取所有不可用元素

:enabled：选取所有可用元素

:checked：选取所有被选中的元素(单选框和复选框)

:selected：选取所有被选中的元素选项(下拉列表)