jQuery 是一種常用的 JavaScript 庫,其優勢在于簡化了開發者的代碼編寫工作,尤其是在處理 DOM 元素時。在 jQuery 中,有許多種選擇器可以用于查詢和操作 DOM 元素。
// 通過標簽名選擇元素 $('p') // 查詢所有 p 元素 // 通過 id 名稱選擇元素 $('#myId') // 查詢 id 為 myId 的元素 // 通過 class 名稱選擇元素 $('.myClass') // 查詢 class 名稱為 myClass 的元素 // 通過屬性選擇元素 $('input[name="myName"]') // 查詢 name 屬性值為 myName 的 input 元素 // 通過子元素選擇元素 $('parent > child') // 查詢 parent 元素中的第一級子元素 child // 通過兄弟元素選擇元素 $('prev + next') // 查詢緊接在 prev 元素后面的 next 元素 // 通過后代元素選擇元素 $('ancestor descendant') // 查詢 ancestor 元素中的所有 descendant 后代元素
通過使用這些選擇器,開發者可以方便地查找和操作指定的 DOM 元素,進而實現各種交互效果。此外,jQuery 還有許多實用的方法可以對查詢到的元素進行操作,例如修改元素文本內容、獲取或設置元素屬性、為元素添加或移除 CSS 類名等等。在實際開發中,熟練掌握 jQuery 的選擇器和方法會使得代碼編寫更為高效和便捷。