jQuery引入及下载方法

【方法1】cdn引入

直接在head引入jq

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
<body>
<script>
    var $element = $("<p>欢迎进入jQuery世界</p>")
    $("body").append($element)
</script>
</body>
</html>

左边能显示文字就说明引入成功

【方法2】下载本地文件

【1】官网

jQuery官网

直接点击Download jQuery

【2】选择版本
生产版本是经过压缩和优化处理的版本，文件体积更小，加载速度更快

开发版本包含完整的源码、注释和可读性较好的代码，方便开发者理解和调试

如果是js初学者可以下载开发版本

【3】复制源码

点击链接后进入源码界面，直接Alt+a全选并复制

【4】引入文jq件

方式1：head引入script文件地址

直接在项目目录中新建jQuery.js文件并将源码粘贴进去

如果代码挤在一行可以Ctrl+Alt+L格式化

然后直接在script标签中引入jq文件即可在项目任意处使用$符号

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jQuery.js"></script>
</head>
<body>
<script>
    var $element = $("<p>欢迎进入jQuery世界</p>")
    $("body").append($element)
</script>
</body>
</html>