第1部分 jQuery技术经典

第1章 jQuery起源

jQuery是JavaScript库的一种,深受网站设计人员的欢迎。

1.1 JavaScript与jQuery

JavaScript是脚本语言的一种,严格地说是客户端脚本语言的一种。它兴起于20世纪90年代后期,与其具有相同地位的还有VBScript等客户端脚本语言。

JavaScript刚诞生时,由于在Web浏览器间的互换性较差,在不同的浏览器上经常有脚本不能正确运行的情况发生,所以只是限于个人使用,在业界基本没有流行起来。

1997年左右,经过制定通信相关标准的团体(ECMA)对JavaScript技术标准化后,各个Web浏览器的厂家在新的JavaScript标准的基础上消除了不同Web浏览器间的差异,从而获得了用户的广泛支持,JavaScript也成为Web应用的基本技术之一。

2005年,Google公司采用称为“Ajax”。实质是利用JavaScript的非同期通信的技术成功地开发了Google地图应用系统,JavaScript在开发高级Web应用程序中再一次在业界受到广泛关注。

随着JavaScript开发人员的增加,出现了多种辅助开发工作的JavaScript程序库。如Prototype、dojo,以及有自己显著特征的JavaScript库,其中轻量的jQuery库最受欢迎。

1.2 jQuery起源及特征

jQuery由美国人John Resig于2006年创建,至今已吸引了来自世界各地的众多JavaScript高手加入其开发队伍。作为继Prototype之后又一个优秀的JavaScript框架,其宗旨是Write Less,do More(写更少的代码,做更多的事情)。

jQuery是轻量级JS库,是其他JS库所不及的,它兼容CSS3和各种浏览器。作为一个快速且简洁的javaScript库,jQuery使用户能更方便地处理HTML文档(documents)和事件(events),实现动画效果,并且方便地为网站提供Ajax交互。

jQuery还有一个比较大的优势是文档完整,各种应用描述得很详细,并且还有许多成熟的插件可供选择。

jQuery能够使用户的HTML页保持代码和HTML内容分离,即不必在HTML中插入多个JS来调用命令,只需定义ID即可。

1.3 JavaScript库

大多数Web浏览器中都搭载了基于JavaScript标准样式的JavaScript解析引擎,在推广JavaScript应用的同时,还存在如下问题。

(1)Web浏览器的差异

JavaScript在几乎所有的Web浏览器上都能运行,但是不同的浏览器还多少存在“方言”现象,导致程序不能正常运行。

(2)JavaScript与HTML分离的需求

JavaScript开始包含在HTML的标签内,Web设计人员与JavaScript开发人员因此不能分开作业,导致开发效率低下。

这时出现的JavaScript库是多个将功能模块化的外部文件的集合,将经常使用的功能归纳到外部文件中后能够简单地重复使用,从而大大提高开发效率。只要包含这些库,即可实现图片的渐入/渐出和按钮的mouseover等动作。

jQuery是一种很受网页设计人员欢迎的免费JavaScript库,严格来说,可以将其归于框架一类。

jQuery的官方网站为http://jquery.com,如图1-1所示。

图1-1 jQuery官方网站 http://jquery.com

jQuery现在是最受欢迎的JavaScript库之一,它提供了DOM操作,以及Ajax和多种动画功能,是一种轻量级且运行速度快的JavaScript库。

1.4 jQuery应用示例

jQuery库集中了制作动态Web网页所用的各种必要功能,特别基础的DOM操作比任何JavaScript库都更容易,DOM指定方法几乎与CSS完全相同;另外利用Ajax功能处理动画时,只需要寥寥数行即可完成,简直可以称为“魔法”。

电子商务网站使用jQuery可以实现不用换页的商品连续显示(使用鼠标滚轮)、商品的扩大显示等具有显著的Web 3.0特征。而且可以构建称为“WordPress”的博客系统,以及更高级CMS网站。

应用jQuery库的网站如http://jquerystyle.com/,如图1-2所示。

图1-2 应用jQuery库的网站 http://jquerystyle.com/

知识专栏(Column)

库(Library)

框架(Framework)

工具箱(Toolkit)

库、框架和工具箱的说明如下。

(1)库

库定义了帮助开发软件的相关方法和子程序的集合,它不是独立的程序,不能单独运行。更确切地说,它是以便捷方法提供通用函数访问方式的辅助代码。

(2)框架

在软件开发中,框架被定义为基础,用于组织和开发其他项目。框架通常由更小的组件、支持程序、库和脚本语言组成,也可包含专注于帮助开发和整合不同组件的软件。从功能上看,jQuery完全具有框架的特征。

(3)工具箱

工具箱通常在设计图形用户接口时使用,基本上是一个用于创建GUI(Graphical User Interface)的库。