jQuery 选择器大全

基础选择器

$("#my_id")
通过一个id号去查找一个元素

$(“element”)
根据元素名查找元素

$(“.class”)
通过元素的class属性查找元素

$(“*”)
全部元素

$(“sele1,sele2,seleN”)
选择任意多个指定的元素

$("ance desc")
ance参数表示父元素:desc参数表示后代元素,包括子元素、孙元素等等。

$(“parent>child”)
child参数获取的元素都是parent选择器的子元素

$(“prev+next”)
同级，prev的下一个next元素

$(“prev~siblings”)
siblings选择器获取的元素都是prev元素之后的同辈元素。

 

过滤选择器

$("li:first")    $("li:last")
相同标签元素中的第1个元素

$("li:eq(3)")
根据index选择相同标签中的元素

 $("li:contains('土豪')")
选择包含指定字符串的全部元素

$("li:has('p')")  
获取选择器中包含指定元素名称的全部元素

$("input:hidden").val();
获取全部不可见的元素

$("p:visible")
获取全部可见的元素

$("li[title='我最爱']")
获取与属性名和属性值完全相同的全部元素

$("li[title!='我最爱']")
获取不包含属性名，或者与属性名和属性值不相同的全部元素

$("li[title*='最']")
获取属性值中包含指定内容的全部元素

$("li:first-child")
获取每个父元素中返回的首个子元素，它是一个集合

$("li:last-child")
获取每个父元素中返回的最后一个子元素，它也是一个集合

 

表单选择器

$("#formTest :input")
返回全部的表单元素，不仅包括所有<input>标记的表单元素，而且还包括<textarea>、<select> 和 <button>标记的表单元素

$("#formTest :text")
获取表单中全部单行的文本输入框元素

$("#frmTest :password")
获取表单中全部的密码输入文本框元素

$("#frmTest :radio")
获取表单中的全部单选按钮元素

$("#frmTest :checkbox")
获取表单中的复选框元素

$("#frmTest input:submit")
可获取表单中的这个提交按钮元素

<input type="image" src="0.jpg" />
$("#frmTest :image")
当一个<input>元素的“type”属性值设为“image”时，该元素就是一个图像域，使用:image选择器可以快速获取该类全部元素。

$("#frmTest :button")
获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素

$("#frmTest :checked")
获取处于选中状态的全部元素

 $("#frmTest :selected")
 获取<select>下拉列表框中全部处于选中状态的<option>选项元素

 

 

参考：http://www.imooc.com/learn/11