奇酷学院老师html5高级就业大讲堂第一讲第一章jquery介绍.pptxVIP

第一章jQuery介绍 JQuery概述 jQuery由美国人John Resig于2006年初创建，至今已吸引了来自世界各地的众多javascript高手加入其team。 jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。 jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。 jQuery简介 jQuery是一个优秀的JavaScript库,它凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作DOM、处理事件、执行动画和开发Ajax的操作。 jQuery简介 2006 年 8 月发布了 jQuery1.0，第一个稳定版本，具有对 CSS 选择符、事件处理和 Ajax 交互的支持 2013 年 1 月发布了 jQuery1.9，CSS 的多属性设置，增强了 CSS3。 2013 年 5 月发布了 jQuery1.10，增加了一些功能。 2013 年 4 月发布了 jQuery2.0，5 月发布了 jQuery2.0.2，一个重大更新版本，不在支 持 IE6/7/8，体积更小，速度更快。 使用JQuery的优点 能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。 用户：改善了页面视觉效果，增强了与页面的交互性，体验更绚丽的网页物资。 JQUERY的特点 轻量级：经GZip压缩后传输的代码文件仅14KB，未经压缩传送的代码文件仅26KB 链式语法 ：$(p.surprise).addClass(ohmy).show(slow); CSS 1-3 选择器：支持CSS选择器选定DOM对象 跨浏览器：支持Internet Explorer 6+、Opera 9+、Firefox 1.5+、Safari 2+ 简单：较其它JS库更容易入门，中、英文档很齐全 易扩展： JQuery UI 、 JQuery FX –已经有很完善的基于JQuery的用户界面库 和网页特效库 jQuery的优势 1.像 CSS 那样访问和操作 DOM 2.修改 CSS 控制页面外观 3.简化 JavaScript 代码操作 4.事件处理更加容易 5.各种动画效果使用方便 6.让 Ajax 技术更加完美 7.基于 jQuery 大量插件 8.自行扩展功能插件 jQuery 最大的优势，就是特别的方便。比如模仿 CSS 获取 DOM，比原生的 JavaScript 要方便太多。并且在多个 CSS 设置上的集中处理非常舒服，而最常用的 CSS 功能又封装到 单独的方法，感觉非常有心。最重要的是 jQuery 的代码兼容性非常好，你不需要总是头疼 着考虑不同浏览器的兼容问题。 jQuery的优势 是否兼容 IE 低版本 这次 jQuery 发布了大版本 2.x.x，完全放弃兼容 IE6/7/8。不单单如此，很多国际上的大 型站点也开始逐步不再支持 IE6/7/8。但对于国内而言，比较大型的网站最多只是抛弃 IE6， 或者部分功能不支持 IE6 的警示框，还没可能一下子把 IE6/7/8 全面抛弃。这里我们就谈一 谈你的项目是否有必要兼容 IE6/7/8。 主流的JavaScript框架 YUI，是雅虎公司开发的一套完备的、扩展性良好的富交互网页工具集。 Prototype，是最早成型的 JavaScript 库之一，对 JavaScript 内置对象做了大量的扩展。 Dojo，Dojo 强大之处在于提供了其他库没有的功能。离线存储、图标组件等等。 Mootools，轻量、简洁、模块化和面向对象的 JavaScript 框架。 ExtJS，简称 Ext，原本是对 YUI 的一个扩展，主要创建前端用户界面。(付费的) 获取最新的jQuery 通过访问获得最新的jQuery版本,当前最新版本为:2.0 jQuery库类型说明： 完全版jquery-1.4.js 压缩版jquery-1.4.min.js 两个版本代码相同，只是在压缩版中去掉了相关注释。 页面载入 window.onload方法长久以来是程序员解决客户端页面载入问题的一个方法，只有少数大型的图片文件会被快速的载入，而大部分大型的图片文件会使window.onload()载入的很慢. jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready $(document).ready(function() {}); 可简写为：$(