学习提纲：
- 前导课程
- 下载jquery、版本介绍
- 如何引入jquery
- 小试牛刀
前导课程
在学习jquery框架之前，必须先学会HMTL5、CSS3的相关知识
jquery官网：http://jquery.com
口号：write less, do more
目前jQuery有三个大版本：
1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日)
2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日)
3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。最新版本：3.4.1（2019年8月）
我建议使用2.2.4版本，主要基于两个原因：
- IE678很少使用了，基本都IE10了
- HTML的版本基本都用H5了
下载2.X版本的网址：https://code.jquery.com/
如何引入jquery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery-2.2.4.min.js"></script>
</head>
<body>
</body>
</html>小试牛刀
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
</head>
<body>
<button id="btn">点击我</button>
<script>
// 脚本 建议放在HTML文档的底部
// 文档加载完毕后执行
$(function(){
// 按钮的点击事件
$('#btn').click(function(){
alert('hello world')
})
})
</script>
</body>
</html>上面的代码一定要用IE10运行，或者较新版本的firefox运行。
469
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
