学习前端 DOM、BOM 和 jQuery

DOM - 文档对象模型 (DOM) 是一个跨平台的、独立于语言的约定，能以对象的形式对 HTML、XHTML 和 XML 文档进行展示和交互。每一个文档的节点被放到一个树形结构中，这棵树被称为 DOM 树。

— 维基百科

BOM - 浏览器对象模型 (BOM)是一个浏览器规范约定，涉及到网络浏览器暴露出来的所有对象。不像文档对象模型，BOM 并没有实现的标准和严格的定义，所以浏览器厂商想怎么实现 BOM 都可以。

— 维基百科

jQuery - jQuery 是一个跨平台的 JavaScript 库，为了简化客户端 HTML 中的脚本编写而诞生。jQuery 如今是最流行使用的 JavaScript 库，排名前 1000 万的高访问量网站中，有 65% 都在使用它。

— 维基百科

最理想的学习路径，但也是最难的，就是先学习 JavaScript，然后学 DOM，然后 jQuery。但还是要确保你做的事有意义。大部分前端开发者是在初次学习 jQuery 的时候，顺带着学习 JavaScript 和 DOM。但无论你选哪一条路，都不能将 JavaScript、DOM 和 jQuery 当做一个黑盒来看。

普通学习资源：

• Codecademy.com jQuery [观看]
• 文档对象模型 [阅读]
• HTML/JS: 打造可交互的页面 [观看]
• HTML/JS: 通过 jQuery 打造可交互页面 [观看]
• jQuery 启蒙 [阅读]

进阶：

• 高级 DOM 编程: 动态 Web 设计技术 [阅读][$]
• jQuery & 纯 DOM 脚本编程的高级 JS 基础 [观看][$]
• Douglas Crockford: 麻烦的 API - DOM 理论 [观看]
• DOM 启蒙 [阅读][$] 或者 在线免费阅读
• 修正 jQuery 常见 Bug [观看][$]
• 无 jQuery 的 JavaScript [观看][$]
• jQuery 小贴士和小技巧 [观看][$]

参考/文档:

• jQuery 文档
• 事件
• DOM 浏览器支持度
• DOM 事件浏览器支持度
• HTML 接口浏览器支持度
• MDN 文档对象模型 (DOM)
• MDN 浏览器对象模型
• MDN 文档对象模型
• MDN 事件一览表
• MSDN 文档对象模型 (DOM)

标准/规范:

• 文档对象模型 (DOM) Level 3 事件规范
• 文档对象模型 (DOM) 技术报告
• DOM 最新标准
• W3C DOM4