jQuery是一種JavaScript庫,它提供了豐富的選擇器來選擇不同的DOM元素。以下是一些常見的jQuery選擇器:
// 選擇器基本語法 $(selector).action() // 選擇所有元素 $("*") // 選擇元素類型為p的元素 $("p") // 選擇ID為“myId”的元素 $("#myId") // 選擇class為“myClass”的元素 $(".myClass") // 選擇所有圖像元素 $("img") // 按屬性選擇 $("[href]") // 選擇帶有href屬性的所有元素 $("[href='#']") // 選擇href屬性為“#”的所有元素 $("[href!='#']") // 選擇href屬性不為“#”的所有元素 // 選擇器組合 $("h1, p") // 選擇所有h1和p元素 // 下一級子元素選擇器 $("div > p") // 選擇所有直接子元素為p的div元素 // 同級元素選擇器 $("h1 + p") // 選擇緊接在h1元素后面的第一個p元素 // 后續同級元素選擇器 $("h1 ~ p") // 選擇h1元素后面的所有p元素 // 過濾選擇器 $("p:first") // 選擇第一個p元素 $("p:last") // 選擇最后一個p元素 $("p:not(.myClass)") // 選擇所有class不為“myClass”的p元素 $("a[href^='https']") // 選擇href屬性以“https”開頭的a元素 $("a[href$='.pdf']") // 選擇href屬性以“.pdf”結尾的a元素 $("a:contains('google')") // 選擇包含文本“google”的a元素