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 不要成为”黑盒子”.

入门学习:

• DOM [read]
• codecademy.com jQuery [watch]
• jQuery 启蒙 [read]
• JQuery 入门 [watch][$]

进阶学习:

• DOM 启蒙 [read][RMB] 或 免费在线阅读
• JS & DOM 进阶 [watch][$]
• DOM 进阶: 动态网页设计技术 [read][$]
• 常见 JQuery bugs 修复 [watch][$]
• JQuery 技巧 [watch][$]
• jQuery-free JavaScript [watch][$]
• Douglas Crockford: DOM 理论—不可忽视的 API [watch]

参考/文档:

• MDN: 文档对象模型
• MDN: 事件参考
• JQuery 文档
• MDN: 浏览器对象模型
• MSDN: 文档对象模型

标准和规范:

• W3C DOM4
• DOM 在线标准
• DOM 3 事件规范
• DOM 技术报告

译者补充:

• You Might Not Need JQuery(英) 中文版