jQuery常用选择器

WEB前端 JS开发 2015年9月10日

jQuery选择器允许您通过标签名、属性名或内容对HTML元素准确地选取您希望应用效果的元素。jQuery的选择器可谓强大无比，合理的使用可以大大提升个人编写代码的效率。下面主要讲解下常用的jQuery选择器。

1、id选择器
$(“#id”) //选择id=”id”的元素

2、class选择器
$(“.class”) //选择所有 class=”class” 的元素

3、html标签选择器
$(“span”) //选择所有<span>元素

4、*通配符选择器
$(“*”) //选择当前页面所有元素

5、属性过滤选择器
$(“[alt]”) //选择所有带有alt属性的元素

6、input表单选择器
$(“:input”) //选择所有<input>元素
$(“:text”) //选择所有type=”text” 的<input>元素

7、过滤选择器
$(“span:first”) //选择第一个 <span> 元素
$(“ul li:eq(3)”) //选择列表中的第四个元素（index 从 0 开始）
$(“tr:even”) //选择所有偶数<tr>元素
$(“:enabled”) //选择所有激活的 input 元素

jQuery的选择器和css的选择器有很多相似的地方，以上基本的选择器可以自由组合。比如：
$(“#id span”) //选择id=”id”下面所有<span>元素
$(“#id *”) //选择id=”id”下面所有元素

来源：jQuery常用选择器