jQuery選擇器是一種快速、靈活且強大的工具,用于選擇HTML元素并對其進行操作。jQuery選擇器簡單易懂、方便使用,大大提高了開發效率。
$(document).ready(function(){ $("#id") //通過id選擇元素 $(".class") // 通過class選擇元素 $("element") // 通過元素名稱選擇元素 $("selector1,selector2,selectorN") // 選擇多個元素 });
其中,選擇器可通過CSS選擇器標準語法編寫,如:
$(document).ready(function(){ $("div.intro") //選擇 class="intro" 的 <div> 元素 $("div:first") // 選擇第一個 <div> 元素 $("ul li:first") // 選擇第一個 <ul> 元素的第一個 <li> 元素 $("ul li:first-child") //選擇每個 <ul> 元素的第一個 <li> 元素 $("[href]") // 選擇有 href 屬性的<a>元素 $("a[target='_blank']") // 選擇所有 target="_blank" 的 <a> 元素 $("div:hidden") // 選擇所有隱藏的 <div> 元素 $("div:visible") // 選擇所有可見的 <div> 元素 });
綜上所述,jQuery選擇器具有強大的選擇能力,可快速方便地定位HTML元素并操作,為Web開發帶來了便捷與高效。