首页 > 技术文章 > jQuery中常用的选择器

s-1314-521 2018-09-20 10:11 原文

1.id选择器

  <div id="myDiv”>myDiv</div>

  据元素的id属性中给定的值$("#myDiv")

2.element选择器

  <div>DIV1</div>

  查找一个DIV元素,指向DOM节点的标签名$('div')

3.类选择器

  <div class="hello"></div>

  根据元素的class属性中给定的值$('.hello')

4.*选择器

  查找每一个元素

5.selecotr1,selector2,selector3

  将每一个选择器匹配到的元素合并后一起返回。

  $("div,span")

6.后代选择器

  在给定祖先元素下匹配所有的后代元素

  $("form input")

7.子代选择器

  在给定的父元素下皮匹配所有的子元素

  $("form > input")

8.相邻元素选择器  prev+next

  匹配所有进阶在prev元素后的next元素

  例:$("label+input")

9.同辈元素选择器 prev~siblings

  匹配prev元素的所有同辈siblings元素

10.首元素选择器     :first

  获取第一个元素 $("li:first")

11.末尾元素选择器     :last

  获取匹配的最后一个元素$("li:last")

 

推荐阅读