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文件导入