在使用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的元素。