首页 > Web开发 > 详细

第六百一十二节,jQuery入门

时间:2017-03-03 22:40:59      阅读:294      评论:0      收藏:0      [点我收藏+]

jQuery入门

 

学习要点:

1.什么是  jQuery

2.学习 jQuery的条件

3.jQuery的版本

4.jQuery的功能和优势

5.其他 JavaScript库

6.是否兼容低版本  IE

7.下载及运行  jQuery

 

一.什么是 jQuery
jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方
法。它的作者是John Resig,于2006年创建的一个开源项目,随着越来越多开发者的加入,
jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。它可以用最少的代码,
完成更多复杂而困难的功能,从而得到了开发者的青睐。

技术分享

二.学习jQuery的条件

jQuery是JavaScript库,所以jQuery在使用上要比原生的JavaScript要简单,但是对于

网页编程来说,有些通用的基础知识是必备的:

1.XHTML或HTML5(含CSS,网页必备的基础技术,XHTML已完结90课);

2.JavaScript(虽然jQuery使用比JavaScript简单,但各种语法来自JavaScript,只要掌

握已出课程的第一季149课即可,并不需要完全精通,只要理解语法和项目中简单的用法即

可。);

3.服务器语言如:PHP(jQuery属于前端技术,那和后端技术是相辅相成、互相呼应的,

而PHP课程目前出到第四季,而jQuery只需要PHP第一季136课的基础即可。);

 

 

三.jQuery的版本

从 2005年 8月开始,进入公共开发阶段,随之而来的新框架于  2006年  1月  14日正

式以 jQuery的名称发布。

2006年  8月发布了 jQuery1.0,第一个稳定版本,具有对 CSS选择符、事件处理和

Ajax交互的支持。

2007年  1月发布了 jQuery1.1,极大的简化 API。合并了许多较少使用的方法。

2007年  7月发布了 jQuery1.1.3,优化了 jQuery选择符引擎执行的速度。

2007年  9月发布了 jQuery1.2,去掉了 XPath选择器,新增了命名空间事件。

2008年  5月发布了 jQuery1.2.6,引入了 Dimensions插件到核心库中。

2009年  1月发布了 jQuery1.3,使用了全新的选择符引擎 Sizzle,性能进一步提升。

2010年  1月发布了 jQuery1.4,进行了一次大规模更新,提供了 DOM操作,增加了很

多新的方法或是增强了原有的方法。

2010年  2月发布了 jQuery1.4.2,添加了.delegate()和.undelegate()两个新方法,提升

了灵活性和浏览器一致性,对事件系统进行了升级。

2011年  1月发布了 jQuery1.5,重写了 AJAX组件,增强了扩展性和性能。

2011年  5月发布了 jQuery1.6,重写了 Attribute组件,引入了新对象和方法。

2011年  11月发布了 jQuery1.7,引入了.on()和.off()简介的 API解决事件绑定及委托容

易混淆的问题。

2012年  3月发布了 jQuery1.7.2,进行一些优化和升级。

2012年  7月发布了 jQuery1.8,8月发布了  1.8.1,9月发布了  1.8.2,重写了选择符引

擎,修复了一些问题。

2013年  1月发布了 jQuery1.9,CSS的多属性设置,增强了  CSS3。

2013年  5月发布了 jQuery1.10,增加了一些功能。

2013年  4月发布了 jQuery2.0,5月发布了  jQuery2.0.2,一个重大更新版本,不在支

持 IE6/7/8,体积更小,速度更快。

在制作这套课程的时候,我们最新的中文版的 API文档是 1.8版本的,有在线和离线两

种手段查阅:

1.在线的可以访问:http://t.mb5u.com/jquery/

2.离线的 AP文档将打包提供给大家

3.如果要看最新的文档,英文版的:http://api.jquery.com/看不懂可以打开谷歌翻译,虽

然不是特别准。

关于版本学习的问题:

版本的版本号升级主要有三种:第一种是大版本升级,比如 1.x.x升级到 2.x.x,这种升

级规模是最大的,改动的地方是最多的,周期也是最长的,jQuery从  1.x.x到 2.x.x用了   7

年。第二种是小版本更新,比如 1.7升级到 1.8,改动适中,增加或减少了一些功能,一般

周期半年到一年左右。第三种是微版本更新,比如 1.8.1升级到 1.8.2,修复一些 bug或错误

之类。

版本的内容升级主要也有三种:第一种是核心库的升级,比如优化选择符、优化  DOM

或者 AJAX等;这种升级不影响开发者的使用。第二种是功能性的升级,比如剔除一些过

时的方法、新增或增强一些方法等等;这种升级需要了解和学习。第三种就是 BUG修复之

类的升级,对开发者使用没有影响。

学习者有一种担忧,比如学了 1.3版本的 jQuery,那么以后升级新版本是不是还需要重

学?没必要,因为并不是每次升级一个版本都会增加或剔除功能的,一半左右都是内部优化,

升级到新版本并不需要任何学习成本。就算在新的版本增加了一些功能,只需要几分钟了解

一下即可使用,无需清零之前的知识,只需后续累加。当然,在早期的 jQuery版本都创建

了最常用的功能,而新版本中增加的功能,也不是最常用的,无需立即学习,立马用起。

 

四.jQuery的功能和优势

jQuery作为  JavaScript封装的库,他的目的就是为了简化开发者使用 JavaScript。主要

功能有以下几点:

1.像 CSS那样访问和操作   DOM

2.修改 CSS控制页面外观

3.简化 JavaScript代码操作

4.事件处理更加容易

5.各种动画效果使用方便

6.让 Ajax技术更加完美

7.基于 jQuery大量插件

8.自行扩展功能插件

jQuery最大的优势,就是特别的方便。比如模仿  CSS获取 DOM,比原生的  JavaScript

要方便太多。并且在多个 CSS设置上的集中处理非常舒服,而最常用的 CSS功能又封装到

单独的方法,感觉非常有心。最重要的是 jQuery的代码兼容性非常好,你不需要总是头疼

着考虑不同浏览器的兼容问题。

五.其他 JavaScript库

目前除了 jQuery,还有 5个库较为流行,他们分别是 YUI、Prototype、Mootools、Dojo

和 ExtJS。

YUI,是雅虎公司开发的一套完备的、扩展性良好的富交互网页工具集。

Prototype,是最早成型的 JavaScript库之一,对 JavaScript内置对象做了大量的扩展。

Dojo,Dojo强大之处在于提供了其他库没有的功能。离线存储、图标组件等等。

Mootools,轻量、简洁、模块化和面向对象的 JavaScript框架。

ExtJS,简称 Ext,原本是对 YUI的一个扩展,主要创建前端用户界面。(付费的)

六.是否兼容 IE低版本

这次 jQuery发布了大版本 2.x.x,完全放弃兼容 IE6/7/8。不单单如此,很多国际上的大

型站点也开始逐步不再支持 IE6/7/8。但对于国内而言,比较大型的网站最多只是抛弃 IE6,

或者部分功能不支持 IE6的警示框,还没可能一下子把 IE6/7/8全面抛弃。这里我们就谈一

谈你的项目是否有必要兼容 IE6/7/8。

完全不支持 IE6的示例:网易云课堂  --  http://study.163.com

部分功能不支持 IE6的示例:Q+  --  http://web.qq.com

  

 

第六百一十二节,jQuery入门

原文:http://www.cnblogs.com/adc8868/p/6498582.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!