在 jQuery 中,選擇器是非常核心的一部分,它能夠幫助我們找到需要操作的 HTML 元素。這篇文章將會簡單介紹 jQuery 的選擇器分類。
基本選擇器
基本選擇器可以直接根據元素的標簽名、類名、id 等屬性選擇元素。
//通過標簽名選擇元素 $("標簽名"); //通過id選擇元素 $("#id名"); //通過類名選擇元素 $(".類名");
層級選擇器
層級選擇器可以通過元素的父子或祖先關系來選擇元素。
//選擇子元素 $("父元素 子元素"); //選擇后代元素 $("祖先元素 > 后代元素");
過濾選擇器
過濾選擇器可以根據元素的屬性或位置等條件進行過濾,只選擇滿足條件的元素。
//選擇第一個元素 :first //選擇最后一個元素 :last //選擇偶數元素 :even //選擇奇數元素 :odd //選擇含有指定屬性的元素 [attribute] //選擇含有指定值的元素 [attribute=value]
基于表單的選擇器
基于表單的選擇器可以選擇表單元素,包括輸入框、下拉框等。
//選擇輸入框 $("input") //選擇被選中的下拉框選項 $("select option:selected")
以上分類只是 jQuery 選擇器的一部分,更多的選擇器在實際開發中需要根據具體需求使用。
下一篇jquery選擇器該值