分析成果jquery入门.pdfVIP

jQuery

Time:2015/06/21

一、学习前准备：

1.jQuery库文件(jQuery库)：

目前官网里的版本是2.1.4，建议使用1.6以上版本，可以到

。我今天用的是2.0.3版本的，可以到

。（jQuery的j就是javascript的意

思，query是查询的意思。结合起来就是，jQuery是一种用来查询dom的类库，

其选择器与css选择器一致）.

2.jQueryAPI文档：

API(applicationprogramminginterface)应用程序接口，顾名思义，就是为我

们提供了封装在jQuery对象里面的函数的具体用法（包括静态方法和动态方法），

要想熟练的写出jQuery代码，必须要对jQuery的API掌握好。官网

里面提供了英文的API。但是如果不喜欢看英文的也可

以看中文版本的。我找到了一个1.8版本的中文API，网盘的地址是

，有需要的可以。提醒一下大家，平时

在学习jQuery过程中，一定要多查api.

3.知道jQuery与$是同一回事

为了简便，在写代码时常常用$代替jQuery。源码中有下面一段代码，可见jQuery

和$在某种程度上是等价的。(最起码他们的地址是一样的)

事实上我们还可以把它替换成其他的变量名，这里就不说了。总之，以后我们用

jQuery写代码时，都是用$(selector)形式的，其中selector和css的选择器

是一样的，比如，通过id查询是$(“#id”),通过类名查询是$(“.class”),通

过名查询$(“tagName”)等。当然啦，后代选择器，子代选择器，伪类选择

器等css3的选择器也是完全支持的。

4.推荐址：

二、开始jQuery之旅：

1.在头部引入jQuery库文件：

引入jQuery文件和引入自己写的js文件是一样的。所以这个很简单，这里就不详细说

了。

2.函数ready（详细代码见index1.html）

ready相当于原生js的window.onload。但是，ready函数比onload要给力，

因为，原生onload是等所有、css文件以及其他一些多文件加载完成

才会执行里面的代码的，于是就会造成一种假死状态。而jQuery的ready

函数是dom文档加载完成后马上就执行的，响应速度比onload要快。另外，可

以在同一个页面中无限次地使用$(document).ready()，而onload则不行，

前面的会被后面的覆盖掉。ready的具体使用方法如下：

$(document).ready(function(){

//writeyourcodehere

});

很多时候，为了简便，可以把ready页面函数简写成：$(funct