基本選擇器

通過元素的標籤名、ID 或類別名來選擇元素。

// 選擇所有段落元素
$("p")

// 選擇具有特定 ID 的元素
$("#myId")

// 選擇具有特定類別的元素
$(".myClass")

選擇器篩選

選擇器篩選允許你根據特定條件篩選元素。

// :first 選擇第一個段落元素
$("p:first")

// :last 選擇最後一個段落元素
$("p:last")

// :even 選擇所有偶數位置的段落元素
$("p:even")

// :odd 選擇所有奇數位置的段落元素
$("p:odd")

選擇器層級

選擇器層級允許你選擇嵌套結構中的元素。以下是一些常見的選擇器層級：

// 選擇 `#myId` 元素的所有直接子元素的段落
$("#myId > p")

// 選擇 `#myId` 元素中所有的段落
$("#myId p")

範例

範例 1：選擇所有超連結並添加樣式

// 選擇所有超連結並添加樣式
$("a").css("color", "blue");

範例 2：選擇表格中的奇數行並添加背景色

// 選擇表格中的奇數行並添加背景色
$("table tr:odd").css("background-color", "#f2f2f2");

範例 3：選擇所有表單元素中的文本框

// 選擇所有表單元素中的文本框
$("form :input[type='text']").css("border", "1px solid red");