jQuery中的選擇器函數是非常強大而且常用的功能之一。它類似于CSS選擇器,可以根據特定條件選擇DOM元素,以便對它們進行操作。在這篇文章中,我們將介紹一些常用的jQuery選擇器函數。
// 選擇id為example的元素 $("#example") // 選擇class為example的所有元素 $(".example") // 選擇所有p元素 $("p") // 選擇所有a元素的子元素 $("a > *") // 選擇所有input元素的type屬性為text的元素 $("input[type='text']") // 選擇所有input元素的type屬性為checkbox或radio的元素 $("input[type='checkbox'], input[type='radio']") // 選擇第一個p元素 $("p:first") // 選擇最后一個p元素 $("p:last") // 選擇所有class為example的元素中的第一個p元素 $(".example p:first") // 選擇所有id為example的元素中的所有p元素 $("#example p") // 選擇含有class為example的元素的所有父元素 $(".example").parents()
除了上述選擇器函數外,還有許多其他選擇器函數可用。使用這些函數可以更加方便地操作DOM元素,以便創建動態的Web頁面。