jQuery是一款十分流行的JavaScript庫,其中選擇器是最重要的功能之一。通過選擇器,我們可以輕松地選擇HTML文檔中的任何元素。下面我們來看一些如何選擇元素的例子:
// 選擇所有的p元素 $("p") // 選擇所有class為"test"的元素 $(".test") // 選擇所有id為"demo"的元素 $("#demo") // 選擇所有class為"test"且是p元素的元素 $("p.test") // 選擇所有class不為"test"的元素 $(":not(.test)") // 選擇所有帶有href屬性的a元素 $("a[href]") // 選擇所有帶有href屬性且屬性值以"http"開頭的a元素 $("a[href^='http']") // 選擇所有帶有href屬性且屬性值以".pdf"結尾的a元素 $("a[href$='.pdf']")
除了選擇元素外,我們還可以取消已選擇的元素。取消元素可以幫助我們在某些情況下更加高效地選擇元素。下面是一些取消元素的例子:
// 取消所有class為"test"的元素 $("*").not(".test") // 取消所有class為"test"的子元素 $(".test").children().not(".test") // 取消所有class為"test"的所有后代元素 $(".test").find("*").not(".test") // 取消所有class為"test"的同級元素 $(".test").siblings().not(".test")
總結:通過選擇器和取消元素,我們可以方便地操作HTML頁面中的元素,做出我們想要的效果。