《jQuery 禅意编程》第1章 jQuery系统介绍.pptxVIP

启奥-Web前端培训教程 jQuery 禅意编程 主要内容：了解 JS 框架、jQuery 的 DOM 操作、事件、动画、AJAX、插件的使用与开发。 总课程量 （5章） jQuery 系统介绍 启奥-Web前端培训教程 第1章 授课目标： 认识 JS 框架 jQuery 的优势jQuery 的工作环境及特点从 JavaScript 到 jQuery JS 框架 启奥-Web前端培训教程 JS框架是什么？ 启奥-Web前端培训教程 JS框架：是指通过一定方式将 原生态 JS 进行封装，使原本复杂的代码变得简化。 我们可以把JS框架理解为一个庞大的 函数库，但 JS 框架通常是以面向对象为核心的，因此有时候我们也会称 JS 框架为 —— JS 类库 function g(s) { return document.getElementById(s); } JS框架的作用 启奥-Web前端培训教程 Web2.0时代：从web2.0的概念诞生到现在，越来越多的C/S架构程序被从桌面系统移植出来，重构成为B/S架构系统。随之而来的，越来越多的web应用技术诞生，而作为web前端技术中的台柱子 — Javascript，其应用也越发广泛。 RIA时代：（Rich Internet Applications）富互联网应用的兴起，使JavaScript进入一个被动的局面。 前端的重要性：当一个应用系统被开发的时候，开发者往往关注的是后台程序的优良。而实际上，前端开发的重要性，或比后端更为重要。 原生态JS的不普及：JavaScript是每个开发人员都熟知的脚本语言，但是能把它真正运用到极致的人，并不多。 JS框架的出现，大大缩减了我们学习和编写JS代码的复杂度，同时对于兼容性  和稳定性方面，也为我们提供了强大的保障。但是...... 业内知名的JS框架 启奥-Web前端培训教程 业内知名的 JS 框架有十余种，加上不同团队自主开发的私有框架，数量可达数十甚至上百种。这里我们只列出其中最知名也是使用率最高的几款 JS 框架： prototype：最早的 JS 框架，以它为核心产生了不少新的 JS 框架变种 优势：基本底层，体积小，使用量较大 劣势：功能有限 ExtJs：国内很火，软件公司和手机平台开发的团队对其比较喜爱 优势：界面震撼，功能强大 劣势：体积庞大，使用复杂 YUI：雅虎公司研发的JS框架，淘宝前端使用的就是这款，优势劣势同上 dojo：功能非常强大，使用率也较高，但是语法增强不足，体积过大 mootools：语法与prototype非常接近，相当于prototype的增强版 jQuery 优势 启奥-Web前端培训教程 jQuery简介 启奥-Web前端培训教程 创始人： John Resig 创建于：2006年 创建宗旨： Write Less , Do More 必威体育精装版版本：1.9.1 官方网站： 前端技术使用率 启奥-Web前端培训教程 前端技术趋势 启奥-Web前端培训教程 jQuery的优势 启奥-Web前端培训教程 轻量级：jQuery非常轻巧，压缩后，大小只有32KB（252-32）。 强大的选择器： jQuery可以让开发者使用从CSS 1到CSS 3几乎所有的选择器，以及jQuery独创的高级而复杂的选择器。有一定CSS经验的开发人员可以很容易地切入到jQuery的学习中来。 出色的DOM操作的封装： jQuery封装了大量常用DOM操作，它优雅的完成各种原本非常复杂的操作，让JavaScript新手也能写出出色的程序。 可靠的事件处理机制： jQuery在处理事件绑定的时候相当的可靠，帮我们简化了事件的操作流程。 完善的Ajax ： jQuery将所有的Ajax操作封装到一个函数$.ajax里，当我们使用Ajax的时候则可以专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。 不污染顶级变量： jQuery只建立一个名为jQuery的对象，绝对不会污染其它的对象。 jQuery的优势 启奥-Web前端培训教程 出色的浏览器兼容性：jQuery能够在IE 6.0+、FF 2+、Safari 2.0+和Opera 9.0+下正常运行，它同时修复了一些浏览器之间的差异，使你不用在开展项目前忙于建立一个浏览器兼容库而焦头烂额。 链式操作方式： jQuery中最有特色的莫过于它的链式操作方式--即对发生在同一个jQuery对象上的一组动作，可直接连写而无需重复获取对象。 隐式迭代： jQuery里的方法都被设计成自动操作对象集合，而不是单独的对象，使得大量的循环结构变得不再必要，从而大幅地减少代码量。