id選擇器/類選擇器/元素選擇器/全選擇器

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一、樣式篇 第1章 初識jQuery (1)環境搭建 進入官方網站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,451評論 0 44
  • 環境搭建 進入官方網站獲取最新的版本 http://jquery.com/download/ ,這里需要注意 j...
    阿r阿r閱讀 823評論 0 7
  • jQuery基礎(一)——樣式篇 1-2環境搭建 1-3 jQuery HelloWorld體驗 $(docume...
    croyance0601閱讀 1,106評論 0 8
  • 大約兩個月前,高中時代的好友邀我參加一個寫作班,每天交500字的文章,為期一個月。我想也沒想就拒絕了,一個聽...
    pureagnes閱讀 509評論 0 0
  • 原文鏈接 http://ironxu.com/740 本文介紹Go 標準庫 strings 常用導出函數,結構體及...
    好剛編程閱讀 3,074評論 1 6