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，則為其他問題。

附表如下：