关于jQuery对html中的元素进行选择的选择器问题

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，则为其他问题。

附表如下：