考核理论整合jquery课程教案.pdf

第1章 jQuery 简介 章节目标 ✓ 了解jQuery 的作用与优势 ✓ 熟悉jQuery 的环境配置 ✓ 了解jQuery 的功能 认识jQuery 1.2.1 从 J aScript 到jQuery J aScript 的出现使得网页和用户之间实现了一种实时的、动态的和交互的关系，使网 页可以包含更多活跃的元素和更加精彩的内容。J aScript 自身存在3 个弊端： ⚫ 复杂的文档对象模型 （ ） ⚫ 不一致的浏览器实现和便捷的开发 ⚫ 调试工具的缺乏 为了简化 J aScript 的开发，一些 J aScript 程序库诞生了。J aScript 程序库封闭了 很多预定义的对象和实用函数，能够帮助使用者轻松地建议有高难度的交互页面。比 如：Prototype、Dojo、YUI、MooTools、jQuery 等等。 其中jQuery 凭借其优势从众多 JS 库中脱颖而出，成为 Web 开发人员的最佳选择。 1.2.2 jQuery 的优势 jQuery 强调的理念是Write less, ore!其优势如下： 轻量级的 J aScript 库 jQuery 非常轻巧，以 1.9.1 为例，开发版仅有 263KB，而精简版经过 UglifyJS 压缩后， 大小只有 91K。 强大的选择器 jQuery 支持 CSS1 到 CSS3 几乎所有的选择器，以及 jQuery 独创的高级复杂的选择器。 另外还通过插件支持 XPath 选择器。 出色的 操作 jQuery 封装了大量常用的 操作，使开发都在编写 操作的相关程序时更加方 便。jQuery 可以轻松的完成原本非常复杂的操作。 可靠的 处理 jQuery 的 处理机制了 J aScript 的 处理函数的精华，使得jQuery 在处理 绑定的时候相当可靠。在预留退路、循环渐进以及非入侵式编程理想方面，jQuery 也 做得非常不错。 完善的Ajax jQuery 将所有的 Ajax 操作封装到一个函数$.ajax()里，使得开发者处理Ajax 的时候能 够专心处理业务逻辑而无需关心复杂的浏览器兼容性和 XMLHttpRequest 对象的创建 和使用问题 不污染的顶级变量 jQuery 只建立一个名为jQuery 的对象，其所有的函数方法都在这个对象之下。其别名 $也可以随时交出操作权，绝对不会污染其它的对象。使得jQuery 可以与其它的 JS 库 共存，在项目中放心地 而不需要担心后期的 。 浏览器兼容性 jQuery 能够在 IE6.0+、FF3.6+、Safari 5.0+、Opera 和 Chrome 等浏览器下正常运行。 jQuery 同时修复了一些浏览器之间的差异，使得开发都不必在项目中建立浏览器兼容 库。注意：从jQuery2 .0 开始，不再支持IE8.0 以下以版本，因此我们在课程中使用 jQuery1.9.2 版本。 链式操作 jQuery 中最有特色的莫过于它的链式操作方式一一即对发生在同一个jQuery 对象上的 一组动作，可以直接连写而无需重复获取对象。这一特点使jQuery 的代码无比优雅。 隐式迭代 当用jQuery 找到带有“.myClass”类的全部元素，然后隐藏它们时，无需循环遍历每 一个返回的元素。相反， jQuery 里的方法都被设计成自动操作对象集合，而不是单独 的对象，这使得大量的循环结构变得不再必要，从而大幅地减少了代码量。 丰富的插件支持 jQuery 的易扩展性，吸引了来自全球的开发者来编写jQuery 的扩展插件。目前已经有 成百上千的官方插件支持，而且还不断有新插件面世。 完善的文档 jQuery 的文档非常丰富，不管是英文文档，还是中文文档。我们也在长期更新着 jQuery 的中文文档。 开源 jQuery 是一个开源的产品，任何人都可以 地使用并提出改进意见。 简单的jQ