id選擇器:一個用來查找的ID,即元素的id屬性
$( "#id" )
id選擇器也是基本的選擇器,jQuery內部使用JavaScript函數document.getElementById()來處理ID的獲取。原生語法的支持總是非常高效的,所以在操作DOM的獲取上,如果能采用id的話盡然考慮用這個選擇器
值得注意:
id是唯一的,每個id值在一個頁面中只能使用一次。如果多個元素分配了相同的id,將只匹配該id選擇集合的第一個DOM元素。但這種行為不應該發生;有超過一個元素的頁面使用相同的id是無效的
類選擇器,顧名思義,通過class樣式類名來獲取節點
描述:
$( ".class" )
類選擇器,相對id選擇器來說,效率相對會低一點,但是優勢就是可以多選
元素選擇器
元素選擇器:根據給定(html)標記名稱選擇所有的元素
描述:
$("element")
全選擇器
$( "*" )
拋開jQuery,如果要獲取文檔中所有的元素,通過document.getElementsByTagName()中傳遞"*"同樣可以獲取到
不難發現,id、class、tag都可以通過原生的方法獲取到對應的節點,但是我們還需要考慮一個兼容性的問題,我這里順便提及一下,比如:
IE會將注釋節點實現為元素,所以在IE中調用getElementsByTagName里面會包含注釋節點,這個通常是不應該的
getElementById的參數在IE8及較低的版本不區分大小寫
IE7及較低的版本中,表單元素中,如果表單A的name屬性名用了另一個元素B的ID名并且A在B之前,那么getElementById會選中A
IE8及較低的版本,瀏覽器不支持getElementsByClassName