JQuery 是一款廣泛使用的 JavaScript 庫,它可以幫助開發者更快更方便地處理 DOM、處理事件、實現動畫效果等等。在使用 JQuery 時,經常需要查詢 DOM 元素并對其進行操作,下面我們來學習一下 JQuery 的查詢語法。
// 通過元素名查詢 $("elementName") // 通過 ID 查詢 $("#idName") // 通過 class 查詢 $(".className") // 通過屬性查詢,使用屬性選擇器 [attr=value] $("[attr='value']") // 通過組合查詢 // 多個選擇器用逗號分隔,表示并集,即可以匹配任何一個選擇器的元素 $("selector1, selector2") // 父子選擇器,表示某個元素下的子元素 $("parentSelector childSelector") // 相鄰兄弟選擇器,表示某個元素后面的兄弟元素 $("prevSelector + nextSelector") // 兄弟選擇器,表示某個元素后面所有的兄弟元素 $("prevSelector ~ nextSelector") // 過濾選擇器,表示在查詢結果中進一步篩選出需要的元素 $("selector").filter(":filterSelector")
以上是 JQuery 常見的查詢語法,如果我們想更精確地控制查詢結果,則可以使用鏈式調用,并且還可以進行操作,例如:
// 找到 id 為 "test" 的元素,將其文字內容改為 "Hello World" $("#test").text("Hello World"); // 找到 class 為 "box" 的元素,將其顯示或隱藏 $(".box").toggle();
JQuery 查詢語法是非常靈活和強大的,熟練掌握它可以讓我們更快速地操作 DOM,從而實現更加豐富的交互效果。
上一篇jquery 查找字符
下一篇jquery 構建彈窗