jQuery是什么
jQuery是一个快速、小巧、功能丰富的JavaScript库。它使HTML文档遍历和操作、事件处理、动画和Ajax等任务变得更加简单,通过易于使用的API可以在众多浏览器上运行。
jQuery的下载
两个文件一个是压缩文件,一个是非压缩的开发版本,大小是有区别的。开发阶段可以是用开发版本,便于查看jquery的源码,生产环境就用压缩版本,因为体积小。
# jQuery的版本
- 1.x:兼容IE6/7/8,使用最为广泛。因此,对一般项目来说,使用1.x版本就可以了。
- 2.x:不兼容IE6/7/8,用得少。
- 3.x:不兼容IE6/7/8,只支持最新的浏览器。除非有特殊要求,一般不会使用3.x版本。
例如,京东使用的是1.6.4版本:
新浪用的是1.7.2版本:
jQuery的引入
1、把外部的jQuery文件复制到当前项目目录下面。
2、在html文件中使用script标签引入外部的jQuery文件。
例如:
验证jQuery有没有引入成功
在jQuery中有一个核心函数叫jQuery,可以被简化成一个$
符号。
调用这个jQuery函数,参数需要传递一个匿名函数,当页面加载完毕就会执行这个匿名函数,就相当于页面加载事件window.onload=function(){}
。
格式:
jQuery(function () { })
可以简化为:
$(function () { })
例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="js/jquery-3.7.1.js"></script>
<script>
jQuery(function () {
alert('hello')
})
</script>
</head>
<body>
<div>这是一个div元素</div>
</body>
</html>
或者简化为直接用$
符号: