码迷,mamicode.com
首页 > Web开发 > 详细

jQuery—— 选择器汇总

时间:2019-09-20 23:11:31      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:NPU   帮助   pre   偶数   精准   style   this   元素选择器   元素   

     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> 元素

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

 

jQuery—— 选择器汇总

标签:NPU   帮助   pre   偶数   精准   style   this   元素选择器   元素   

原文地址:https://www.cnblogs.com/LinWenQuan/p/11560042.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!