jQuery常用选择器
时间:2015-09-17 阅读:次 QQ群:182913345
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”下面所有元素