jQuery選擇器是一種用于選擇HTML元素的工具。它們能夠幫助我們更輕松地操作DOM,從而使我們的JavaScript代碼更為簡潔和高效。不同的jQuery選擇器可以按照其不同的功能分類。以下是一些常見的分類。
## 基礎選擇器
基礎選擇器是最基本的選擇器類型。它們通過元素類型,類名和ID等屬性來選擇HTML元素。以下是一些基礎選擇器:
## 過濾選擇器
過濾選擇器是一種用于選擇特定元素的選擇器類型。以下是一些常見的過濾選擇器:
以上是一些常見的jQuery選擇器分類和示例。熟練掌握這些選擇器將使您更有效地選擇HTML元素并操作DOM。
## 基礎選擇器
基礎選擇器是最基本的選擇器類型。它們通過元素類型,類名和ID等屬性來選擇HTML元素。以下是一些基礎選擇器:
html <pre> $("element") //選擇元素類型 $(".class") //選擇類名為"class"的元素 $("#id") //選擇ID為"id"的元素 $("[attribute]") //選擇具有此屬性的元素 $("[attribute='value']") //選擇具有指定屬性和屬性值的元素## 層次選擇器 層次選擇器是一種選擇器類型,用于選擇與某個元素有特定關系的元素。以下是一些層次選擇器:html
$("parent > child") //選擇父元素下的子元素 $("prev + next") //選擇前面相鄰的兄弟元素 $("prev ~ siblings") //選擇前面所有兄弟元素
## 過濾選擇器
過濾選擇器是一種用于選擇特定元素的選擇器類型。以下是一些常見的過濾選擇器:
`html$(":first") //選擇第一個元素 $(":last") //選擇最后一個元素 $(":even") //選擇偶數元素 $(":odd") //選擇奇數元素 $(":contains('text')") //選擇包含指定文本的元素 $(":hidden") //選擇所有隱藏的元素 $(":visible") //選擇所有可見的元素 $(":input") //選擇所有input元素 $(":text") //選擇所有文本輸入框 $(":password") //選擇密碼輸入框 $(":checkbox") //選擇所有復選框 $(":radio") //選擇所有單選框 $(":file") //選擇所有文件輸入框 $(":image") //選擇所有圖片 $(":button") //選擇所有按鈕 $(":submit") //選擇所有提交按鈕 $(":reset") //選擇所有重置按鈕 $(":checked") //選擇所有選中的元素 $(":selected") //選擇所有選中的選項 $(":enabled") //選擇所有可用的元素 $(":disabled") //選擇所有禁用的元素
以上是一些常見的jQuery選擇器分類和示例。熟練掌握這些選擇器將使您更有效地選擇HTML元素并操作DOM。