在使用jQuery的過程中,選擇器是非常重要的一環,它能讓我們快速地選取所需要的元素,甚至可以在一條語句中選擇多個元素。以下是一些常用的jQuery選擇器:
$("p") 選取所有的p元素 $("#id") 選取擁有特定id的元素 $(".class") 選取所有具有特定class的元素 $("p.intro") 選取所有class為intro的p元素 $("ul li:first") 選取ul元素中的第一個li元素 $("ul li:last") 選取ul元素中的最后一個li元素 $("ul li:even") 選取ul元素中的偶數li元素 $("ul li:odd") 選取ul元素中的奇數li元素 $("ul li:eq(2)") 選取ul元素中索引為2的li元素 $("ul li:gt(2)") 選取ul元素中索引大于2的li元素 $("ul li:lt(2)") 選取ul元素中索引小于2的li元素 $("ul li:not(.intro)") 選取class不為intro的所有li元素 $("div > p") 選取所有父元素為div的子元素p $("p + p") 選取緊接在另一個p元素之后的p元素 $("p ~ ul") 選取所有p元素后面的ul元素
同時選擇多個元素的方法非常簡單,只需要在選擇器中添加多個元素的選擇器,用逗號隔開即可:
$("p, ul li:first, #myId")
這條語句會同時選取所有的p元素,第一個ul元素的第一個li元素,以及id為myId的元素。