1.1 jQuery概述
知识点讲解
本节重点介绍jQuery的概念和功能,以及如何下载和使用jQuery。
1.1.1 jQuery简介
简单来说,jQuery是一个优秀的JavaScript框架,它能帮助用户更方便地处理HTML(hypertext markup language,超文本标记语言)文档、事件、动画效果、AJAX交互等。它的出现极大地改变了开发者使用JavaScript的习惯,掀起了一场新的“网页革命”。
jQuery由美国人约翰·瑞森(John Resig)于2006年创建,至今已吸引了来自世界各地众多的JavaScript高手加入其团队。在最开始的时候,jQuery所提供的功能非常有限,其仅可以增强CSS的选择器功能。随着时间的推移,jQuery的新版本一个接一个地发布,它也越来越受到人们的关注。
如今,jQuery已经发展成集JavaScript、CSS、DOM、AJAX功能于一体的强大框架。使用它可以通过简单的代码方便地实现各种网页效果。它的宗旨就是让开发者写更少的代码,做更多的事情(write less,do more)。
目前jQuery主要提供如下功能。
●访问页面框架的局部。DOM获取页面中某个节点或者某一类节点有固定的方法,而jQuery则大大简化了其操作步骤。
●修改页面的表现。CSS的主要功能就是通过样式来修改页面的表现。然而由于各个浏览器对CSS3标准的支持程度不同,很多CSS的特性没能很好地体现。jQuery很好地解决了这个问题,通过其中封装好的JavaScript代码,各种浏览器能很好地使用CSS3标准,这极大地丰富了CSS的运用。
●更改页面的内容。通过强大而方便的jQuery API(application program interface,应用程序接口),可以很方便地修改页面的内容,包括文本的内容、图片表单的选项,甚至整个页面的框架等。
●响应事件。jQuery可以更加方便地处理事件;开发者不再需要考虑令人讨厌的浏览器兼容性问题。
●为页面添加动画。通常在页面中添加动画都需要大量的JavaScript代码,而jQuery大大简化了这个过程。jQuery提供了大量可自定义参数的动画效果。
●与服务器异步交互。jQuery提供了一整套与AJAX相关的操作,这大大方便了异步交互的开发和使用。
●简化常用的JavaScript操作。jQuery提供了很多附加的功能来简化常用的JavaScript操作,例如迭代运算等。
1.1.2 下载并使用jQuery
jQuery官网会提供最新的jQuery框架,如图1.1所示。通常只需要下载压缩过的jQuery包即可。本书的例子使用的是3.6.0版本。
图1.1 jQuery官网
下载完成后不需要任何安装过程,直接将下载的JS文件(jQuery框架)用<script>标记导入读者自己的页面即可,如下所示:
<script src="jquery-3.6.0.min.j s"></script>
导入jQuery框架后,便可以按照它的语法规则进行相关开发了。