1)jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
代码示例:
function tagName(){
$('p').addClass('heighlight');
}
function idName(){
$('#div').addClass('heighlight2');
}
function className(){
$('p.pClass').addClass('heighlight2');
}
2)jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
代码示例:
function attribute(){
$('[href="#"]').addClass('heighlight');
}
注意:关于选择器是否选中希望的标签,可以通过alert($("#idname").length)的方法来调试自己的代码,若结果为0,则未选中,那么就是选择器的问题了,若是结果不为0,则为其他问题。
附表如下: