JQuery選擇器是一個非常重要的工具,它可以通過不同的方式選擇HTML元素,這有助于我們處理文檔和交互。下面我們來試著用一些例子來練習選擇器。
// 選取 id 為 myID 的元素 $("#myID") // 選取 class 為 myClass 的元素 $(".myClass") // 選取所有 input 元素 $("input") // 選取 type 為 text 的 input 元素 $("input[type='text']") // 選取 href 屬性為 www.example.com 的 a 標簽 $("a[href='www.example.com']")
不僅可以通過屬性選擇器和標簽名選擇元素,還可以通過其它的方式。下面再來看幾個例子。
// 下面的例子可以找到相鄰的元素 $("#myID + p") // 這個例子能夠選擇第一個元素 $("li:first") // 選取第二個元素 $("li:eq(1)") // 這個例子可以選擇每個類名為 myClass 的元素(即使是嵌套在其他元素中的) $(".myClass *")
當然,這里只是選擇器中的一小部分示例,實際上有很多不同的方式來選擇元素。當我們掌握了這些選擇器之后,我們可以更好的使用JQuery來操作HTML元素進行交互。
上一篇jquery選擇器跨頁面
下一篇jquery選擇器改屬性