jQuery学习笔记0 - jQuery简介

jQuery简介

从JavaScript到JavaScript库

JavaScript是一门很繁琐的语言。举个例子,如果我们要用JavaScript来实现一些图片轮播、Tabs选项卡等,代码量会非常多。因此为了减少工作量,我们常常会把JavaScript经常用到的一些功能特效封装起来成为一个“代码库”,然后开发者只需要调用一些简单的函数就能进行快速开发。

对于“JavaScript库”与“JavaScript”的关系,我们可以这样想:
假如我们见到一个特效,然后我把这个特效封装成一个函数,以后每次我们只需要调用函数就能使用到这个特效。我们把常用的特效都像上面那样封装成一个个函数,这些函数放到一起就成了一个JavaScript库。也就是说,jQuery、prototype等这些JavaScript库本身就是用JavaScript语言来写的.

什么是jQuery

jQuery,顾名思义,也就是JavaScript和Query(查询),即辅助JavaScript开发的库。

jQuery是一个非常流行的快速、小巧、功能强大的开源JavaScript库。就像官方所宣称的那样——“Write less,do more”,它使得我们常用的HTML文档遍历、DOM操作、事件处理、动画效果、Ajax、工具方法等功能代码的实现变得非常简单。更重要的是,它还为我们做了跨浏览器的兼容。

jQuery是全球最流行用得最多的JavaScript库,没有之一。jQuery是在世界前10000个访问最多的网站中,有超过55%在使用jQuery。
其实jQuery就是用JavaScript来写的,它只是把我们在JavaScript中最常用的的功能封装起来,以方便我们快速开发。

jQuery具有以下优点:
(1)代码简洁
(2)完美兼容
(3)强大的选择器
(4)轻量级
(5)完善的Ajax
(6)丰富的插件
“简洁与高效”是jQuery最大的特点。
有一句话说“每多学一点知识,就少写一行代码”。jQuery更是如此,jQuery的理念就是“write less do more”。

jQuery安装

对于jQuery库文件,我们可以去jQuery官网下载。
jQuery库文件有2个版本,分别是(1)1.x版本;(2)2.x版本。
2.x版本是最新版本,与1.x版本有着相同的API。但是1.x版本支持IE6、IE7和IE8,而2.x则不再支持。由于当前IE6、IE7、IE8用户还是很多的,所以在实际开发用我们还是建议使用1.x版本。
jQuery库文件其实有2种类型:
(1)jquery.js(开发版); 完整无压缩,用于测试与学习
(2)jquery.min.js(发布版): 高度压缩,用于实际开发
开发版是没有经过压缩的,供给开发者学习jQuery的源码,一般用jquery.js命名。而发布版是经过压缩的,供给我们使用jQuery,一般用jquery.min.js命名。
在开发过程中一般使用jQuery发布版,即jquery.min.js这种版本。这是因为发布版经过压缩,体积非常小。

jQuery库其实就是一个js文件来的,安装jQuery很简单,只要把jQuery库文件在HTML页面中引用即可使用,跟我们引用外部js文件是一样的道理。

1
2
3
4
5
<!--jQuery库-->
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
//这里编写你的jQuery代码
</script>

jQuery的运行原理

在jQuery库中实际上定义了一个jQuery()方法,它是jQuery库的核心。我们调用该方法并传入指定的参数,就可以返回一个jQuery实例对象,该对象中包含匹配的一个或多个DOM元素。接着,我们就可以使用jQuery对象上的方法来操作它所匹配的DOM元素。

jQuery对象上提供的方法足够我们进行几乎所有的DOM操作。

此外,为了尽可能地减少代码量,jQuery库还为函数jQuery定义了一个别名变量$,它们是完全相同的(jQuery === $),因此我们也可以使用$来替代jQuery,同样以上面的代码为例:

1
2
// $是jQuery的别名,因为JS支持使用$作为变量名称,而且$更加简短、易于书写
$("#username").val("Hello CodePlayer!");

坚持原创技术分享,您的支持将鼓励我继续创作!