JQuery 选择器

JQuery选择器的分类：

-基本选择器（basic）

-层次选择器（level）

-过滤选择器（filter）

-表单选择器（form）

基本选择器：

#id 根据给定的id匹配一个元素 

.class 根据给定类名匹配元素  

element 根据给定的元素名匹配元素 

* 匹配所有元素

selector1，selector2…… 匹配满足多个条件的元素

层次选择器：

$("ancestor descendant") 选取ancestor（祖先）元素里的所有descendant（后代）元素 集合元素 $("div span")选取<div>里面所有的<span>元素

$("parent>child") 选取parent元素下的child元素(注意与$(ancestor descendant)的区别) 集合元素 $("div>span")选取<div>元素下的<span>元素

$("previous+next") 选取紧接在previous后的next元素 集合元素 $(".class+div")选取class为"class"的下一个<div>元素

$("previous~siblings") 选取previous之后原有的siblings元素 集合元素 $("#id~div")选取id为"id"的后面的所有<div>元素

等价关系$(".class+div") = $(".class").next("div");

$("#id~div") = $("#id").nextAll("div");

过滤选择器:

-基本过滤

-内容过滤

-可见性过滤

-属性过滤

-子元素过滤

-表单对象属性过滤

基本过滤器:

:first 选取第一个元素 单个元素 $("div:first")选取所有<div>的第一个元素

:last 选取最后一个元素 单个元素 $("div:last")选取所有<div>中的最后一个元素

:not(selector) 去除所有与给定选择器比配的元素 集合元素 $("div:not(.class)")选取所有class属性不是"class"的<div>元素

:even 选取索引是偶数的所有元素 集合元素 $("div:even")选取所有索引为偶数的<div>元素

:odd 选取索引是奇数的元素 集合元素 $("div:odd")选取所有索引为奇数的<div>

:eq 选取索引等于index的元素 单个元素 $(div:eq(1))选取索引等于1的<div>

:gt 选取索引大于index的元素 集合元素 $(div:gt(1))选取索引大于1的<div>

:lt 选取索引小于index的元素 集合元素 $(div:lt(1))选取索引小于1的<div>

:header 选取所有标题元素 例如h1,h2 集合元素 $(":header")选取网页中所有的标题

:animated 选取当前正在执行的动画的所有元素 集合元素 $("div:animated")选取正在执行动画的<div>元素

内容过滤器:

:contains(text) 选取含有文本内容为"text"的元素 集合元素 $("div:contains("text")")选取含有文本"text"的<div>元素

:empty 选取不包含子元素或者文本的空元素 集合元素 $("div:empty")选取不包含子元素(包括文本元素)的<div>元素

:has(selector) 选取含有选择器所有匹配的元素的元素 集合元素 $("div:has(p)")选取含有<p>元素的<div>

:parent 选取含有子元素或者文本的元素 集合元素 $("div:parent")选取所有含有子元素或文本的<div>

可见性过滤器:

:hidden 选取所有不可见元素 集合元素

:visible 选取所有可见元素 集合元素

属性过滤:

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

[attribute=value] 选取属性的值为value的元素 

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

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

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

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

[selector1][selector2] 用属性选择器合并成一个符合属性选择器,满足多个条件,没选择一次缩小一次范围.

子元素过滤:

:nth-child(index/even/odd/equation) 选取每个父元素下的index个子元素或奇偶元素(index从1算起)

:first-child 选取每个父元素的第一个子元素

:last-child 选取每个父元素的最后一个子元素

:only-child 如果某个元素是他父元素中唯一的子元素,那么将会被匹配,如果父元素中包含其他元素,则不会被匹配

表单对象属性过滤:

:enabled 选取所有可用元素

:disable 选取所有不可用元素

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

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

表单选择器:

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

:text 选取所有的文本框

:password 选取所有的密码框

:radio 选取所有的单选框

:checkbox 选取所有的多选框

:submit 选取所有的提交按钮

:image 选取所有的图像按钮

:reset 选取所有的重置按钮

:button 选取所有的按钮

:file 选取所有的上传域                             

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