学习 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)