学习 DOM、BOM 和 jQuery
DOM - 文档对象模型(DOM)是一个跨平台、没有语言依赖的规范,在HTML、XHTML 和 XML 文档中用来表达和交互的对象。每个文档内的所有节点被组织成树状结构(DOM 树)。DOM 树内的对象可以通过对象方法进行操作。DOM 的公共接口在它的 API 中声明。
— 维基百科
BOM - 浏览器对象模型(BOM)是一个基于特定浏览器的规范,用来引用网络浏览器暴露的所有对象。与 DOM 不同,BOM 没有应用标准或严格的定义,因此浏览器厂商可以按自己的意愿实现 BOM。
— 维基百科
jQuery - jQuery 是一个跨平台的 Javascript 库,用来简化客户端 HTML 的脚本。jQuery 是现在最流行的 Javascript 库,浏览量前 1000 万的网站中有 65% 使用 jQuery。jQuery 免费,是一个基于 MIT 证书开源的软件。
— 维基百科
理想(同时也是最难)的学习路线是先 Javascript 然后 DOM 再 jQuery。不过你也可以按自己的方式来。大多数前端开发者先学习 Javascript 然后通过 jQuery 学习 DOM。无论采用哪种方式,只要确保 Javascript、DOM 和 jQuery 对你来说不是黑箱就行。
入门:
- Codecademy.com jQuery [视频]
- DOM [图文]
- HTML/JS: 让网页可以交互 [视频]
- HTML/JS: 用 jQuery使网页可以交互 [视频]
- 你不知道的 jQuery [图文]
- DOM 是什么? [图文]
进阶:
- 高级 DOM 编程:动态网页设计技术 [图文][付费]
- 从高级 JS 原理到 jQuery & 纯 DOM 编程 [视频][付费]
- Douglas Crockford: 不好用的API - DOM 理论 [视频]
- 你不知道的 DOM [图文][付费] or 在线免费阅读
- 修复常见的 jQuery 错误 [视频][付费]
- 摆脱 jQuery 的 JavaScript 编程 [视频][付费]
- jQuery 贴士和技巧 [视频][付费]