jQuery在DOM操作中非常流行,而使用選擇器來(lái)選取頁(yè)面元素是jQuery最大的優(yōu)勢(shì)之一。選擇器有很多種,其中選擇類(lèi)(class)多個(gè)對(duì)象的方法是非常實(shí)用的。在這篇文章中,我們將介紹這種方法的使用。
// 選擇所有class為box的元素 $(".box") // 選擇同時(shí)擁有box和red類(lèi)的元素 $(".box.red") // 選擇擁有box或者red類(lèi)的元素 $(".box, .red") // 選擇除了box類(lèi)以外的其他類(lèi)的元素 $("[class!=box]") // 選擇class以box開(kāi)頭的元素 $("[class^=box]") // 選擇class以box結(jié)尾的元素 $("[class$=box]") // 選擇class包含box的元素 $("[class*=box]")
以上代碼都可以在單一選擇器中使用,也可以和其他選擇器結(jié)合起來(lái)使用。例如,以下代碼將會(huì)選擇所有class為box的元素中的第二個(gè):
$(".box:eq(1)")
選擇類(lèi)多個(gè)對(duì)象的方法可以減少代碼量,使代碼更易于維護(hù),同時(shí)也讓頁(yè)面更加靈活。熟練掌握這種選擇器的使用方法可以使開(kāi)發(fā)效率得到大幅提升。