web前端 - Jquery.pdf

WEB 前端 –JQuery WEB 前端-JQuery 2009.4 Louis 1 / 22 本教程参考：《锋利的jquery 》 WEB 前端 –JQuery 目录 第一章 JQuery 概述3 第二章 JQuery 选择器 10 第三章 JQuery 中的DOM 操作 15 第四章 JQuery 中的事件和动画 19 第五章 JQuery 对表单、表格的操作 21 第六章 JQuery 与Ajax 的应用错误！未定义书签。 第七章 插件的使用和写法错误！未定义书签。 第八章 实例 22 2 / 22 本教程参考：《锋利的jquery 》 WEB 前端 –JQuery 第一章 JQuery 概述 1.1 JQuery 概述 随着Web2.0 的兴起，JavaScript 越来越受到重视。 但Javascript 存在的三个弊端：复杂的文档对象模型（DOM ），不一致的浏览器实现，缺乏便捷的开发、调 试工具 因此一系列JavaScript 库也蓬勃发展起来。从早期的Prototype 、Dojo 到2006 年的jQuery ，再到2007 年Ext JS 。可以发现，互联网正在掀起一场JavaScript 风暴。在这场风暴中，jQuery 以其独特优雅的姿态，始终处 于这场风暴的中心，受到越来越多的人的追捧 1.2 JS 框架对比 1.2.1 Prototype Prototype 算是最早成型的JavaScript 库之一，它对JavaScript 的内置对象（如String 对象、Array 对象等） 做了大量的扩展。现在还有很多项目使用它，但这很大程度上是由于以前项目用了，现在不得不继续沿用。 它可以看做是把很多好的、有用的JavaScript 的方法组合在一起而形成的JavaScript 库，你甚至可以在你需 要的时候随时将其中的几段代码抽出来放进自己的脚本里。但也正是由于它成型年代早，从整体上对于面 向对象的编程思想把握并不是很到位，导致了结构的松散。不过现在它也在慢慢改进。 1.2.2 Dojo Dojo 强大之处在于它提供了很多其它JavaScript 库所没有提供的功能。比如离线存储的API 、生成图标的 组件、基于SVG/VML 的矢量图形库和Comet 支持等等。它是一款非常适合企业级应用的JavaScript 库， 3 / 22 本教程参考：《锋利的jquery 》 WEB 前端 –JQuery 并且受到了如IBM 、SUN 和BEA 等一些大公司的支持。但它的缺点也是很显著的：学习曲线陡，文档不 齐全，最要命的就是API 不稳定，每次升级都可能导致已有的程序失效。但从它的1.0.0 版出现以后，看起 来情况有所好转，是一个很有发展潜力的库。 1.2.3 YUI YUI （Yahoo ！UI ，The Yahoo! User Interface Library ），是由Yahoo 公司打造出来的一套完备的、扩展性良 好的富交互网页程序工具集。它封装了一系列比较丰富