Jquery选择器

Jquery选择器分为4类：

1、基本选择器

1) #id

2) .class

3) element

4) *

5) selector1,selector2.....        for example:$("div,span,.myClass")

2、层次选择器

1) $("ancestor  descendant")  所有子孙节点

2) $("parent  child")  所有子节点

3) $("prev  +  next")  下一个兄弟节点  

4) $("prev  ~  siblings")  后面所有的兄弟节点，等价于 .nextAll()，而.siblings()是除当前节点的包括前面和后面所有的兄弟节点

3、过滤选择器

过滤选择器中，除属性过滤选择器外，其余基本都带符号:

1）基本过滤选择器

:first:last:not(selector):even:odd:eq(index):gt():lt();header:animated:focus

其中:header是标题元素选取

注意：:first  :last  :eq(index)  选取返回的是单个元素！   与子元素过滤选择器不同 :first-child  是不同的，后者返回的是集合元素

2）内容过滤选择器

:contains(text)  标签体内的文本过滤选择

:empty 标签体内为空

:has(selector)  注意：选取含有选择器所匹配的元素的元素！$("div:has(p)")选取含有<p>元素的<div>元素4

:parent  注意：选取含有子元素或者文本   的元素！

3）可见性过滤选择器

:hidden  选取所有不可见的元素

:visible

4）属性过滤选择器

[attr]

[attr=value]

[attr!=value]

[attr^=value]

[attr$=value]

[attr*=value]

[attr|=value]    属性值等于value或者以  value-  开头

[attr~=value]  属性值用空格分隔，其中包含 value

[attr1][attr2][attr3]   复合属性选择器，多个都存在

5）子元素过滤选择器

:nth-child(index/even/odd/equation)  条件可以是表达式，例如3的倍数，3n

:first-child

:last-child

:only-child

6）表单对象属性过滤选择器

:enabled  可用元素

:disabled 不可用元素，例如 <input type="text" disabled="disabled">  这个输入框定死无法修改

:checked

:selected       例子：$(select :selected).each(function(){.....})循环了一遍

4、表单选择器

:input  选择所有<input><textarea><select><button>元素

:text  :password  :radio  :checkbox  :submit  :image  :reset  :button  :file  :hidden

注意：$("#form :input")与$("#form input")的区别

额外补充：

1、toggle(function(){....},function(){..})切换函数，交替一组动作（点击.......）

2、$(".test  :hidden")与$(".test:hidden")是有区别的。前者是选取class为test的元素里面的隐藏元素，后者是选取隐藏的class为test的元素

3、filter(expr)，其中expr可以是多个选择器的组合。

注意区分它与find()。find()是在元素内寻找匹配元素（对它的子集操作），而filter()是筛选元素（对自身集合元素进行筛选）