jQuery選擇器是在jQuery庫中廣泛使用的工具,用于選擇和操作文檔中的HTML元素。它們可以根據元素的標簽名稱,ID,類名,屬性等進行選擇。根據不同的選擇器規則,它們可以分為以下幾類:
1. 基本選擇器 基本選擇器通過標簽名稱,ID,類名等屬性直接選擇元素。例如:選擇所有p標簽,選擇id為myDiv的元素,選擇class為myClass的元素等。 代碼示例: $('p') $('#myDiv') $('.myClass') 2. 層次選擇器 層次選擇器可以通過元素之間的關系進行選擇,例如:父元素、子元素、兄弟元素等。例如:選擇ul下的所有li元素,選擇p標簽后的第一個strong標簽等。 代碼示例: $('ul li') $('p + strong') 3. 過濾選擇器 過濾選擇器通過元素的其他屬性進行選擇,例如:篩選出所有隱藏的元素,選擇表單元素中被選中的元素等。例如:選擇所有隱藏的元素,選擇所有被選中的checkbox等。 代碼示例: $(':hidden') $(':checked') 4. 索引選擇器 索引選擇器可以選擇元素在同級元素中的位置,例如:選擇父元素下的第一個子元素,選擇倒數第二個元素等。例如:選擇第一個子元素,選擇倒數第二個元素等。 代碼示例: $('parent > :first-child') $('parent > :last-child') 5. 屬性選擇器 屬性選擇器可以根據元素的屬性進行選擇,例如:根據元素的href屬性選擇鏈接元素等。例如:選擇所有href屬性以http開頭的a標簽,選擇帶有title屬性的元素等。 代碼示例: $('a[href^="http"]') $('[title]')