-
1 任务视频
-
2 教学课件
-
3 教学案例
-
4 练一练
任务视频V2.0
任务视频V1.0
知识点
配置jQuery环境
1. 获取jQuery最新版本
进入jQuery的官方网站http://jQuery.com/。jQuery 2.x具有与jQuery1.x相同API，只是不支持IE6，7和8。因为IE8仍然有人使用，建议使用1.x版本，除非确认没有使用IE6/7/8的用户访问网站。这里的jQuery实例都是基于v1.11.1进行编写的。
2. jQuery库类型说明
jQuery库的类型分为两种，分别是jQuery-1.11.1.min.js(93.5KB，compressed)和jQuery-1.11.1.js(276KB，Uncompressed)。
| 名称 | 大小 | 说明 |
| jQuery-1.11.1.js | 276KB | 完整无压缩版本，主要用于测试、学习和开发 |
| jQuery-1.11.1.min.js | 93.5KB | 经过工具压缩后的版本，大小为93.5KB。如果服务器开启Gzip压缩后，大小将更小，成为体积最小的版本。主要应用于产品和项目 |
3.在页面中引入jQuery
在编写的页面代码中<head>标签内引入jQuery库后，就可以使用jQuery库了，代码如下：
<html>
<head>
<scriptsrc="js/jQuery-1.11.1.js" type="text/javascript">
……
</script>
</head>
<body>
</body>
</html>
4.window.onload与$(document).ready()之间的对比
| window.onload | $(document).ready() | |
| 执行时机 | 必须等待网页中所有的内容加载完毕后（包括图片）才能执行 | 网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完 |
| 编写个数 | 不能同时编写多个 | 能同时编写多个 |
| 简化写法 | 无 | $(function() { … }); |
