jQuery下载

去jQuery网站下载文件包，点击主页的“Download”之后，进入下载页面，可以选择production版本的进行下载，但是点击进去之后，浏览器并不会直接下载相关的文件，而是跳转到一个“密密麻麻”都是jQuery代码的页面，仔细查看浏览器地址栏中的url便可知，该页面其实就是jQuery的min版的文件，可以使用下面这种方法，下载jQuery文件：

右键点击该页面，在弹出的菜单中选择另存为，在另存为的菜单中默认保存的后缀名为".js"，如果不是，可以在下拉菜单中选择该类型的选项，然后保存即可下载jQuery文件了。鄙人下载的是最新版本的jquery-3.7.1.min.js

提示：jQuery的文件的扩展名是".js"，下载完之后，无需安装，使用直接引入即可使用jQuery。

jQuery引入HTML的方法

jQuery是js文件，引入HTML的方法与引入JavaScript文件的方法一样，在HTML的head标签内使用script标签引入，比如：

<script src="../../static/js/jquery-3.7.1.min.js"></script>

CDN引入jQuery的方法

如果不想下载jQuery，也可以通过CDN的方式，将jQuery引入HTML，比如：

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" rel="external nofollow" >
</script>

jQuery引入实例代码，及在线编辑器

下面实例将通过一个点击按钮添加文本的实例来展示jQuery的用法，如下：

<script src="../../static/js/jquery-3.7.1.min.js"></script>
<p id="p1"></p>
<button id="btn" class="btn">jQuery</button>

<script>
  $('#btn').click(function(){
    $('#p1').text("jQuery添加段落文本");
  })
</script>

来源：笨鸟工具-璞玉天成，大器晚成

原文：jQuery下载及引入HTML | jQuery教程

免责声明：内容仅供参考，不保证正确性！

.下载jQuery

访问jQuery官方网站(http://jquery.com),如图1-1所示。

在页面上方可以看到Download jQuery按钮，该按钮上的v3.3.1是jQuery当前最新版本的版本号，单击该按钮后，进入下载页面。

为了获取其他版本的jQuery，在下载页面的下半部分找到https://code.jquery.com链接，获取jQuery所有版本的下载链接地址，如图2所示。

单击图2中标示出的链接，进入jQuery所有版本的下载页面，即可看到jQuery1.12.4版本的jQuery文件下载链接，如图3所示。

从图l-3中可以看出，jQuery文件的类型主要包括未压缩(uncompressed)的开发版和压缩(minified)后的生产版。它们的区别在于，压缩版本是将jQuery文件中的空白字符、注释、空行等与逻辑无关的内容删除，并进行一些优化，使得文件体积减小，加载速度比未压端版快。而未压缩版本的代码可读性更好，所以建议读者在学习期间选择未压缩版本。

2.引入jQuery

在项目中引入jQuery时，只需要把下载好的jQuery文件保存到项目目录中，在项目的HTML文件中使用标签引入即可。示例代码如下。

<！--引入本地下载的jQuery-->
<script src="jquery-1.12.4.js"></script>

许多网站提供了静态资源公共库，通过CDN(内容分发网络)可以提高jQuery的下载速度。示例代码如下。

Vue项目中引入jQuery可以为我们提供更多的功能和插件选择，同时也可以与Vue的数据驱动开发相结合，提高开发效率。

首先，我们需要在Vue项目中安装jQuery。可以使用npm安装jQuery，命令如下：

```

npm install jquery --save

```

安装完成后，在Vue的入口文件（main.js）中引入jQuery：

```javascript

import $ from 'jquery'

```

这样就可以在整个项目中使用jQuery了。

引入jQuery后，我们可以使用它的丰富的插件来增强我们的应用。例如，可以使用jQuery的动画效果插件来实现更加丰富的页面过渡效果。可以使用jQuery的表单验证插件来方便地验证用户输入。可以使用jQuery的日期选择插件来实现日期选择功能等等。

另外，Vue的数据驱动开发可以与jQuery结合使用，实现更加灵活的交互效果。例如，在Vue的组件中可以使用jQuery来操作DOM元素，例如添加、删除、修改元素的样式等。可以使用jQuery的事件处理函数来处理用户的交互行为，例如点击事件、鼠标移入移出事件等。可以使用jQuery的ajax函数来发送异步请求，与后端进行数据交互。

在使用jQuery的时候，要遵循Vue的原则，尽量避免直接操作DOM元素，而是通过Vue的数据绑定来实现页面的更新。可以通过在Vue的生命周期钩子函数中使用jQuery来初始化一些插件，或者在Vue的自定义指令中使用jQuery来操作DOM元素。

引入jQuery可以为Vue项目提供更多的功能和插件选择，同时也可以与Vue的数据驱动开发相结合，提高开发效率。但是要注意在使用jQuery的时候，要遵循Vue的原则，尽量避免直接操作DOM元素，而是通过Vue的数据绑定来实现页面的更新。