jQuery是一個(gè)使用JavaScript編寫的庫(kù),它使得JavaScript編程更加簡(jiǎn)單、直觀。其中一種非常強(qiáng)大的功能就是選擇器(Selector),通過(guò)選擇器可以獲取到文檔中的元素并對(duì)其進(jìn)行相應(yīng)的操作。在jQuery選擇器中有一些特殊符號(hào),接下來(lái)我們來(lái)了解一下。
$(document).ready(function(){ //通過(guò)class選擇器獲取所有class為myclass的元素 $(".myclass"); //通過(guò)id選擇器獲取id為myid的元素 $("#myid"); //通過(guò)屬性選擇器獲取具有指定屬性的元素 $("[name='myname']"); //通過(guò)屬性值選擇器獲取具有指定屬性值的元素 $("[name!='myname']"); //通過(guò)子元素選擇器獲取指定元素的子元素 $("ul > li"); //通過(guò)相鄰兄弟選擇器獲取指定元素的相鄰兄弟元素 $("ul ~ p"); //通過(guò)偽類選擇器獲取符合條件的元素 $("ul:first-child"); $("p:contains('Hello')"); //通過(guò)多個(gè)選擇器選擇多個(gè)元素 $(".myclass, #myid"); });
通過(guò)上述代碼中的示例可以看出,在jquery選擇器中通過(guò)不同的特殊符號(hào)可以選擇到不同的元素,而不必去逐一獲取每個(gè)元素進(jìn)行相應(yīng)的操作,這大大提高了開(kāi)發(fā)效率和代碼簡(jiǎn)潔性,是jQuery的一個(gè)非常重要的功能。