1.jQuery的导入方式:
<script src="js/jquery-3.4.1.js" type="text/javascript"></script>
其中src属性中填写的是jQuery文件的位置,可以写相对位置,绝对位置或网络位置。
例如: 相对位置:在你的项目目录的下面的位置,则格式为 : XXX/XXX/jquery.js
例如你的目录是: 在你的html文件同级的JS文件下的jquery.js 那么你的src就可以写成 JS/jquery.js
绝对位置:从你的根目录(即C盘或D盘等等的盘符开始),格式为: C:\xxx\xxx\jquery.js
网络路径:格式为: https://xxx.xxx.xxx/xxx/jquery.js
2.快速导入
1.本地导入
选中要导的文件拖拽在要导的项目里,这样无需担心路径问题,它会自动识别。
2.官网jquery压缩版引用地址:
官网地址:http://code.jquery/
<!--3.4.1版本-->
<script src="http://code.jquery/jquery-3.4.1.js"></script>
<!--2.2.4版本-->
<script src="http://code.jquery/jquery-2.2.4.js"></script>
详细可参考:https://wwwblogs/wangshuazi/p/9510516.html
3.测试
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<!--导入下载好的包 -->
<script src="js/jquery-3.4.1.js" type="text/javascript"></script>-->
</head>
<body>
<script>
// 测试一下是否导入jquery成功
$( // jQuery调用匿名函数
function(){ //匿名函数(功能:弹出123对话框)
alert(123); //弹出123对话框(弹出则代表导入成功)
}
)
</script>
</body>
</html>
测试结果:
成功弹出“123”,导入成功。
更多推荐
jQuery文件导入
发布评论