下周的項目應該又要做前臺的東西,把JQuery的選擇器查詢并總結(jié)一下,一來加深印象,二來可以作為以后查詢.

1.常用的選擇器:

$("#idchoose")   　　　　　　　　　　  選擇一個id為idchoose的元素.

$(".class")    　　  　　　　　　　　　  選擇一個class樣式為class的元素.

$("input[name='person']")      　　　 選擇一個name為person的input框.

$("h4:contains('John')")          　　　 選擇一個包含"John"的h4標題元素.

$("*")   　　　　　　　　　　　　 　　 選擇文檔中的所有的元素

　　通常情況為了防止因為自己思考有誤而導致選擇器出錯,最簡單直接的方法就是在html頁面的元素上插入一個id然后用id選擇器來進行選擇.雖然class選擇器也可以做到唯一選擇,但是考慮的美工大大們可能修改class,所以相比之下還是id選擇器比較靠譜一點.

　　不過一個頁面的id選擇器是唯一的,當你有兩個或者更多的同名id的時候,只會默認選擇第一個該id的元素,所以id選擇器不能用來進行批量選擇,所以需要批量選擇的時候(比如把頁面內(nèi)的所有的輸入框都設置成readonly),顯然需要使用$("input[type='text']")這種有過濾的元素選擇器來完成的.當然clss也可以用來進行批量選擇,同樣的,考慮的前臺還有美工大大們的活,就不要用class選擇器了,萬一發(fā)生了誤刪或者樣式名字改變這種悲劇的事情,會很傷心的.

下面是一些JQuery選擇器的分類總結(jié):

總結(jié)大部分參考前輩快樂的langYa的博文以及W3C的JQuery教程,鏈接見文章最后.

元素選擇器:

$("p")           選擇所有的<p>元素

通常情況下,元素選擇器都是與過濾選擇器一起結(jié)合使用的,如:$("p:[type='hidden']"),選擇tpye屬性為hidden的所有<p>元素.

注釋