jQuery—— 选择器汇总

Posted 2022-11-15 linwenquan

     jQuery里的选择器有3种： 元素选择器，id选择器， 类选择器；  

$("div")  // 选择所有<div>元素
$("#test")  //选择所有id为test的元素
$(".myclass") //选择class="myclass"的所有元素

    以这3种选择器为基础，运用不同的语法 可以精准的选取对象；

$("p:first")   //选择第一个 p 元素；":" 可以理解为 "的" 。
$("h1,p")     //所有<h1>和所有<p>元素 ； "," 表示为 "和"
$("div p")    //所有<div>元素后代的<p>元素； "空格" 表示为 "...里的"；
$("div p：first-child") //选择每个div中的第一个p元素；
$("div.myclass") //选择所有div元素 和 所有calss="myclass"的元素； "." 表示为"与"，是用到类选择器时特有的；

     除此之外还有一些特殊的选择器 ，帮助我们应对一些特殊情况。

$("*")    //选取所有元素    
$(this)    //选取当前 html 元素
$("[href]")    //选取带有 href 属性的元素
$("a[target=‘_blank‘]")    //选取所有 target 属性值等于 "_blank" 的 <a> 元素    
$("a[target!=‘_blank‘]")    //选取所有 target 属性值不等于 "_blank" 的 <a> 元素    
$(":button")    //选取所有 type="button" 的 <input> 元素 和 <button> 元素    
$("tr:even")    //选取偶数位置的 <tr> 元素    在线实例
$("tr:odd")    //选取奇数位置的 <tr> 元素

  灵活运用 " . , : " 等符号，准确选取需要选取的元素。