jQuery的最基本概念是“選擇一些元素并對其進(jìn)行處理”。
jQuery選擇器使您可以“查找”（或選擇）網(wǎng)頁中的HTML元素。
jQuery支持大多數(shù)CSS3選擇器，以及一些非標(biāo)準(zhǔn)選擇器。
jQuery中的所有選擇器都以美元符號和括號：開頭$()。
jQuery元素選擇器可用于根據(jù)元素名稱選擇元素。
您可以在頁面上選擇所有<p>元素，如下所示：
$("p")當(dāng)用戶單擊按鈕時，以下jQuery代碼將選擇并突出顯示所有<p>元素：
$(document).ready(function(){
$("button").click(function(){
$("p").css("background-color", "yellow");
});
});測試看看?/?jQuery #id選擇器使用HTML標(biāo)記的id屬性來查找特定元素。
元素的ID在頁面中應(yīng)該是唯一的，因此ID選擇器用于選擇一個唯一的元素。
要查找具有特定ID的元素，請寫一個井號（#）字符，后跟HTML元素的ID：
$("#demo")當(dāng)用戶單擊按鈕時，以下jQuery代碼將選擇并突出顯示具有id="demo"的元素：
$(document).ready(function(){
$("button").click(function(){
$("#demo").css("background-color", "yellow");
});
});測試看看?/?jQuery .class選擇器查找具有特定類名的元素。
要查找具有特定類的元素，請寫一個句點（.）字符，后跟類的名稱：
$(".demo")當(dāng)用戶單擊按鈕時，以下jQuery代碼將選擇并突出顯示class="demo"的所有元素：
$(document).ready(function(){
$("button").click(function(){
$(".demo").css("background-color", "yellow");
});
});測試看看?/?您可以根據(jù)需要選擇多個選擇器。只需用逗號分隔選擇器。
多重選擇器選擇所有指定選擇器的組合結(jié)果：
$("selector1, selector2, selectorN")以下jQuery代碼將選擇每個<h2>，<div>和<span>元素：
$(document).ready(function(){
$("h2, div, span").css("background-color", "lightgreen");
});測試看看?/?當(dāng)您想對不同的選擇器執(zhí)行相同的操作時，這很有用。
jQuery提供了多種選擇特定HTML元素的方法。
| 句法 | 描述 | 例 |
|---|---|---|
| $("*") | 選擇所有元素 | 演示 |
| $(this) | 選擇當(dāng)前元素 | 演示 |
| $("p.demo") | 選擇所有帶有class="demo"的<p>元素 | 演示 |
| $("p:first") | 選擇第一個<p>元素 | 演示 |
| $("div p:first-child") | 選擇每個<div>元素的第一個<p>元素 | 演示 |
| $("[target]") | 選擇具有target屬性的每個元素 | 演示 |
| $("a[href='/CSS3/']") | 選擇每個<a>元素的href屬性值等于“ /CSS3/” | 演示 |
| $("a[href!='/CSS3/']") | 選擇每個<a>元素的href屬性值不等于“ /CSS3/” | 演示 |
| $(":text") | 選擇類型為“text”的所有<input>元素 | 演示 |
| $("tr:even") | 選擇所有偶數(shù)<tr>元素 | 演示 |
| $("tr:odd") | 選擇所有奇數(shù)<tr>元素 | 演示 |
有關(guān)完整的選擇器參考，請訪問我們的jQuery選擇器參考。