jQuery 選擇器

❮ 上一個下一個 ❯

jQuery 選擇器是 jQuery 庫中最重要的部分之一。

jQuery Selectors

jQuery 選擇器允許你選擇和操作 HTML 元素。

jQuery 選擇器用於根據名稱、ID、類、型別、屬性、屬性值等來“查詢”（或選擇）HTML 元素。它基於現有的 CSS 選擇器，並且還包含一些自定義選擇器。

jQuery 中的所有選擇器都以美元符號和括號開頭：$().

元素選擇器

jQuery 元素選擇器根據元素名稱選擇元素。

你可以像這樣選擇頁面上的所有 <p> 元素

$("p")

示例

當用戶點選按鈕時，所有 <p> 元素都將被隱藏

示例

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

自己動手試一試 »

#id 選擇器

jQuery #id 選擇器使用 HTML 標籤的 id 屬性來查詢特定元素。

一個頁面內的 ID 應該是唯一的，所以當你想要查詢單個、唯一的元素時，你應該使用 #id 選擇器。

要查詢具有特定 ID 的元素，請寫入一個雜湊字元，後跟 HTML 元素的 ID

$("#test")

示例

當用戶點選按鈕時，ID 為 "test" 的元素將被隱藏

示例

$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});

自己動手試一試 »

.class 選擇器

jQuery .class 選擇器查詢具有特定類的元素。

要查詢具有特定類的元素，請寫入一個句點字元，後跟類的名稱

$(".test")

示例

當用戶點選按鈕時，類名為 "test" 的元素將被隱藏

示例

$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});

自己動手試一試 »