jQuery 知识量：7 - 32 - 105
jQuery的使用步骤：
下载jQuery库文件
在HTML中引入jQuery
在JavaScript文件中编写jQuery代码。
jQuery不需要像一般的应用程序那样进行安装，要使用它只需要把它的副本（一个拷贝）放到你的服务器上，然后在HTML文件里引用就可以了。
要下载jQuery可以访问jQuery的官方网站，选择版本进行下载。选择版本的时候要注意，考虑到jQuery的大小和性能问题，最新的jQuery版本只支持较新的浏览器版本，如果要支IE 6-8、Opera 12.1x或者Safari 5.1+等浏览器，就要下载jQuery 1.12及以前版本的jQuery。
引入jQuery与引入JavaScript的方式一样，因为jQuery本质上也是JavaScript。推荐的方式是使用外部引用方式，这样可以做到jQuery文件与页面的分离，也更容易进行管理。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>example</title> <link rel="stylesheet" href="mine.css" type="text/css"/> <script src="jquery-x.x.x.min.js"></script> <script src="mine.js"></script> </head> <body> ... </body> </html>
上面代码清单中第一行script中引用的是jQuery的一个副本（jquery-x.x.x.min.js），这个副本一定要放到自己JavaScript文件（mine.js）的前面，因为网页的执行是以从上到下解释的方式进行的。第二行script是自己的JavaScript文件，在这个文件中就可以编写利用jQuery执行的程序。
在这有两个非常重要的建议：
jQuery的同一期版本通常有一个压缩版本（带min字符的）和未压缩版本，两个版本的功能完全一样。未压缩版本主要是用于帮助开发者更好的理解jQuery的工作方式，因为可以打开这个版本的文件进行查看和学习。而压缩版本中能简化的地方都进行了简化，包括所有的变量名称都使用“a”之类的字符进行了替换，要读懂这个文件就不太可能了，但是它非常的小巧，适用于正式环境的部署，加载速度更快。
页面中各部分（包括HTML文本、CSS文件、JavaScript文件等）的加载速度是不一样的，JavaScript文件相比页面的其他部分是比较大的，需要的加载时间更长。因为页面是从上到下加载的，因此如果按照上面代码清单中那样部署script代码，网页必须等待JavaScript文件加载完成后，才能展示页面内容，因此建议将script代码放置到body的最后一行。如下所示：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>example</title> <link rel="stylesheet" href="mine.css" type="text/css"/> </head> <body> ... <script src="jquery-x.x.x.min.js"></script> <script src="mine.js"></script> </body> </html>
接下来可以在自己的JavaScript文件（mine.js）写入jQuery的第一段代码：
$(document).ready(function(){
$('div.hello').addClass('setRed');
});这段代码的意思是：当HTML的DOM元素全部加载就绪后，就找到所有类为“hello”的div，并为他们添加一个新类“setRed”。添加新类时利用了jQuery的隐式迭代机制，也就是jQuery会对选择的元素集合中每个元素依次添加新类，这个过程是jQuery自动完成的。
Copyright © 2017-Now pnotes.cn. All Rights Reserved.
编程学习笔记 保留所有权利
MARK:3.0.0.20240214.P35
From 2017.2.6