- jQuery即学即用
- 王志刚编著
- 199字
- 2020-08-27 04:35:55
第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)的库。