DOM, BOM & JQuery介紹

DOM, BOM & JQuery

DOM - 文檔對(duì)象模型(DOM)用于代表和對(duì)象交互的HTML, XHTML 和 XML 文檔, 是一種跨平臺(tái)和語(yǔ)言無(wú)關(guān)性的約定. 每一份文檔的所有節(jié)點(diǎn)被組織成一種樹(shù)結(jié)構(gòu), 稱為 DOM 樹(shù). DOM 對(duì)象通過(guò)使用對(duì)象上的方法被處理和操作, 一個(gè) DOM 對(duì)象的公共接口被指定為它的應(yīng)用程序編程接口(API). - wikipedia.org

BOM - 瀏覽器對(duì)象模型(BOM)是一種瀏覽器規(guī)范, 代指 Web 瀏覽器暴露出的對(duì)象. 與文檔對(duì)象模型不同的是, 目前并沒(méi)有關(guān)于瀏覽器對(duì)象模型的標(biāo)準(zhǔn)和嚴(yán)格定義, 因而瀏覽器廠商可以按照他們的意愿, 采取任何方式來(lái)實(shí)現(xiàn) BOM. - wikipedia.org

JQuery - JQuery 是一個(gè)跨平臺(tái)的 JavaScript 庫(kù), 其設(shè)計(jì)目的是簡(jiǎn)化客戶端的 HTML 腳本操作. JQuery 也是目前最流行的 JavaScript 庫(kù), 在目前排名前1000萬(wàn)的網(wǎng)站中, 65% 的網(wǎng)站安裝了 JQuery. JQuery 是免費(fèi)的, 基于 MIT 協(xié)議的開(kāi)源軟件. - wikipedia.org

最理想但又難度最大的學(xué)習(xí)路徑就是首先學(xué)習(xí) JavaScript, 然后學(xué)習(xí) DOM, 之后再學(xué)習(xí) JQuery. 然后, 完全可以按照你所想的學(xué)習(xí)路徑來(lái)安排學(xué)習(xí)的順序. 大多數(shù)的前端開(kāi)發(fā)者在了解 JavaScript 和 DOM 之后, 才會(huì)接觸 JQuery. 無(wú)論采取什么學(xué)習(xí)路徑, 都要確保 JavaScript, DOM 或者 JQuery 不要成為"黑盒子".

綜合學(xué)習(xí):

• The Document Object Model [read]
• codecademy.com jQuery [watch]
• jQuery Enlightenment [read]
• jQuery: Getting Started [watch][$]

精通:

• DOM Enlightenment [read][$] or read online for free
• Advanced JS Fundamentals to jQuery & Pure DOM Scripting [watch][$]
• AdvancED DOM Scripting: Dynamic Web Design Techniques [read][$]
• Fixing Common jQuery Bugs [watch][$]
• jQuery Tips and Tricks [watch][$]
• jQuery-free JavaScript [watch][$]
• Douglas Crockford: An Inconvenient API - The Theory of the DOM [watch]

參考/文檔:

• MDN Document Object Model
• MDN Event reference
• jQuery Docs
• MDN Browser Object Model
• msdn Document Object Model (DOM)

標(biāo)準(zhǔn)和規(guī)范:

• W3C DOM4
• DOM Living Standard
• Document Object Model (DOM) Level 3 Events Specification
• Document Object Model (DOM) Technical Reports