DOM, BOM & JQuery

DOM, BOM & JQuery

DOM - 文档对象模型(DOM)用于代表和对象交互的HTML, XHTML 和 XML 文档, 是一种跨平台和语言无关性的约定. 每一份文档的所有节点被组织成一种树结构, 称为 DOM 树. DOM 对象通过使用对象上的方法被处理和操作, 一个 DOM 对象的公共接口被指定为它的应用程序编程接口(API). - wikipedia.org

BOM - 浏览器对象模型(BOM)是一种浏览器规范, 代指 Web 浏览器暴露出的对象. 与文档对象模型不同的是, 目前并没有关于浏览器对象模型的标准和严格定义, 因而浏览器厂商可以按照他们的意愿, 采取任何方式来实现 BOM. - wikipedia.org

JQuery - JQuery 是一个跨平台的 JavaScript 库, 其设计目的是简化客户端的 HTML 脚本操作. JQuery 也是目前最流行的 JavaScript 库, 在目前排名前1000万的网站中, 65% 的网站安装了 JQuery. JQuery 是免费的, 基于 MIT 协议的开源软件. - wikipedia.org

最理想但又难度最大的学习路径就是首先学习 JavaScript, 然后学习 DOM, 之后再学习 JQuery. 然后, 完全可以按照你所想的学习路径来安排学习的顺序. 大多数的前端开发者在了解 JavaScript 和 DOM 之后, 才会接触 JQuery. 无论采取什么学习路径, 都要确保 JavaScript, DOM 或者 JQuery 不要成为"黑盒子".

综合学习:

• 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)

标准和规范:

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