标签: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> 元素
灵活运用 " . , : " 等符号,准确选取需要选取的元素。
标签:NPU 帮助 pre 偶数 精准 style this 元素选择器 元素
原文地址:https://www.cnblogs.com/LinWenQuan/p/11560042.html