jQuery选择器汇总

jquery对象是一种类似数组的对象，可以通过[index]方法获得相应dom对象,jquery对象转换为dom对象

如

var $cr=$("#cr");  //获取的时jquery对象，要在变量前加上$.

var cr=$cr[0]  //dom对象格式，直接变量名

或者 var cr=$cr.get.get[0];

 

dom对象转换为jquery对象，只需要用$()把dom对象包转起来即可。

如

var cr =document.getElementById('cr');

var $cr=$(cr);//转换为jqery对象

一.基本选择器

1.#id id选择器   $('#test')

2..class  class选择器  $(".test")

3.element  元素名选择器  $("p")

4.* 匹配所有元素  $("*")

5.selector1,selector2,,,将每个选择器匹配到的元素合并后一起返回  $("div,p")
二.层次选择器

1.$("祖先 后代")  后代选择器  $("div span")选择div里所有span元素

2.$("父>子") 子代选择器  $("div>span") 选择div的所有子元素span

3.$("prev+next") 选取连接在prev元素后的next元素  $('.one+div')选择class为one的下一个div同辈元素，等效于方法 $('.one').next('div')

4.$('prev~sibilings')选取prev元素之后的所有siblings元素  $('.one~div') 选取class为one的元素后面所有div同辈元素，等效于方法$('.one').nextAll('div')

三.过滤选择器

1.基本过滤选择器

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

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

:not(selector) 去除所有与给定选择器匹配的元素 $('input:not(.myClass)')选取class不是myClass的input元素

:even 选取索引是偶数的所有元素，索引从0开始  $('input:even')选取索引是偶数的input元素

:odd  奇数 $('input:odd')

：eq(index) 选取索引为index的单个元素  $('input:eq(1)')

：gt(index) 选取索引大于index的所有元素 $('input:gt(1)')

：lt(index)选取索引小于index的所有元素 $('input:lt(1)')

：header 选取所有标题元素，h1,h2等  $(':header')

：animated 选取正在执行动画的所有元素 $("div:animated")

：focus 选取当前获取焦点的元素 $(':focus')

2.内容过滤选择器

:contains(text)选取含有文本"text"的元素$('div:contains("我")')

:empty 选取不包含子元素或者文本的空元素  $('div:empty')

:has(selector) 选取含有选择器所匹配元素的元素 $('div:has(p)')

:parent $('div:parent')选取拥有子元素包括文本元素的div元素

3.可见性过滤选择器

：hidden 选取所有不可见的元素 $(':hidden')

:visible 选取所有可见元素

4.属性过滤选择器

[attrbute] 选取拥有此属性的元素 $('div[id]')

[attrbute=value]

[attrbute!=value]不等于

[attrbute^=value]以value开始的元素

[attrbute$=value]以value结束的元素

[attrbute*=value]含有value的元素

[attribute|=value]选取属性等于给定字符串或以字符串为前缀（以-连字符连接）

[attribute~=value]选取属性用空格分隔的值中包含一个给定值得元素

[att1][att2][att3]复合属性选择器，每选择一个缩小一次范围。

5.子元素过滤选择器

：nth-child(index/even/odd/equation)选取每个父元素下的第index个子元素，从1算起 ,eq()只匹配一个，从0开始

：first-child  $('ul li:first-child')

：last-child

:only-child 如果某个元素是它父元素中唯一的子元素，那么他将被匹配

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

：enabled 选取所有可用元素  $('#formq:enabled')

：disabled 选取所有不可用元素

:checked 选取所有被选中的元素

：selected 选取所有被选中的选项元素

四.表单选择器

:input 选取所有input,textarea,select和button元素

：text 选取所有单行文本框 $(':text')

:password 选取所有密码框

：radio 选取所有单选框

：checkbox

:submit 选取所有提交按钮

：image 选取所有图像按钮

：reset

:button 选取所有按钮

：file 选取所有上传域

：hidden 选区所有不可见元素