微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery—— 选择器汇总

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

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

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐