jQuery权威指南(第2版)
上QQ阅读APP看书,第一时间看更新

1.1 认识jQuery

jQuery是由美国人John Resig于2006年创建的一个开源项目,随着被人们的熟知,越来越多的程序高手加入其中,完善和壮大其项目内容;如今已发展成为集JavaScript、CSS、DOM、Ajax于一体的强大框架体系,它的主旨是:以更少的代码,实现更多的功能(Write less,do more)。

1.1.1 jQuery基本功能

1.访问和操作DOM元素

使用jQuery库,可以很方便地获取和修改页面中的某元素,无论是删除、移动、复制某元素,jQuery都提供了一整套方便、快捷的方法,既减少了代码的编写,又大大提高了用户对页面的体验度。具体示例我们将在后面的章节中陆续展示。

2.控制页面样式

通过引入jQuery,程序开发人员可以很便捷地控制页面的CSS文件。浏览器对页面文件的兼容性一直以来都是页面开发者最为头痛的事,而使用jQuery操作页面的样式,却可以很好地兼容各种浏览器。

3.对页面事件的处理

引入jQuery库后,使页面的表现层与功能开发分离,开发者可以更多地专注于程序的逻辑与功效;页面设计者侧重于页面的优化与用户体验,通过事件绑定机制,可以很轻松地实现二者的结合。

4.大量插件在页面中的运用

在引入jQuery库后,还可以使用大量的插件来完善页面的功能和效果,如表单插件、UI插件,这些插件的使用,极大丰富了页的展示效果,原来使用JavaScript代码遥不可及的功能,通过插件的引入都可以轻松实现。

5.与Ajax技术的完美结合

Ajax的异步读取服务器数据的方法,极大方便了程序的开发,加深了用户的页面体验度;而引入jQuery库后,不仅完善了原有的功能,而且减少了代码的书写,利用其内部对象或函数,加上几行代码就可以实现复杂的功能。

1.1.2 jQuery 1.8 新增功能与特征

本书的全部案例以jQuery 1.8.2为框架,该版本具有以下几个重要的新增功能与特征。

1.根据浏览器类型自动为CSS属性添加对应的前缀名称

在jQuery 1.8及以上版本中,使用jQuery设置一些尚未正式纳入W3C标准的样式属性时,将会根据浏览器的类型,自动在属性前添加对应的前缀名称,如设置“marquee-direction”属性时,如果在Chrome浏览器中执行时,则会自动变为“-webkit-marquee-direction”。

2.重构了动画方法

在jQuery 1.8及以上版本中,通过改进后的$.Animation函数,用户可以更加容易地添加或修改动画。在改进功能的同时,还修复了许多动画的Bug,使动画效果既具有综合性,又具有代码的扩展性。

3.优化了选择器引擎

在jQuery 1.8及以上版本中,不仅重写了选择器引擎,而且还对原有的引擎功能进行了性能优化,修复了一些边缘问题和Bug,其中包括对多个选择符“~ > +”功能的改进;同时,还清理了代码,使jQuery 1.8及以上版本比jQuery 1.7.2的体积少几百字节。

4.强化XSS防护功能

XSS为Cross Site Scripting缩写,意为跨站点脚本代码攻击,为避免与CSS缩写重复,故缩写为XSS。在jQuery 1.8及以上版本中,通过新增加的“$.parseHTML”方法,可以将方法中的字符串解析为DOM元素块,又可以控制字符串中脚本的执行,防范脚本代码的攻击。

5.自定义专属版本

我们在开发过程中,往往使用的jQuery 功能只有少量部分,还有大部分的功能被闲置,而在jQuery 1.8及以上版本中,用户可以通过基于grunt的构建系统,移除这些被闲置的模块,重新自定义一个专属版本,目前可移除的模块包括ajax、css、dimensions、effects和offset。

此外,jQuery在页面中的功能还有很多,我们将在接下来的章节中一一介绍。