当前位置:首页 > jquery

jquery怎么安装

2026-02-04 08:00:00jquery

使用CDN引入jQuery

在HTML文件的<head><body>标签内直接添加jQuery的CDN链接。推荐使用官方或知名CDN服务(如Google、Microsoft、cdnjs等)。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

如需指定版本,替换链接中的版本号即可。例如使用压缩版(.min.js)以提升加载速度。

下载本地文件安装

访问jQuery官网下载最新版本的文件。通常提供两种格式:

  • 开发版(未压缩):便于调试,文件较大。
  • 生产版(压缩版):移除了空白字符和注释,适合线上使用。

下载后,将文件(如jquery-3.6.0.min.js)放入项目目录(例如js/文件夹),并通过<script>标签引入:

jquery怎么安装

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

使用包管理器安装

通过npm、yarn或Bower等工具安装,适合模块化开发环境。

npm/yarn方式

npm install jquery
# 或
yarn add jquery

安装后,在JavaScript文件中通过模块化语法引入:

jquery怎么安装

import $ from 'jquery';

Bower方式(需先安装Bower):

bower install jquery

验证安装

在引入jQuery后,可通过以下代码测试是否成功:

<script>
  $(document).ready(function() {
    console.log("jQuery版本:" + $.fn.jquery);
  });
</script>

若控制台输出当前版本号,则安装成功。

注意事项

  • 确保<script>标签的顺序,jQuery需在依赖它的其他库(如jQuery插件)之前引入。
  • 生产环境中建议使用CDN并设置备用本地路径,防止CDN失效:
    <script src="https://cdn.example.com/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>

标签: jquery
分享给朋友:

相关文章

jquery文档

jquery文档

以下是关于 jQuery 文档的核心内容和资源整理,便于快速查阅和使用: jQuery 官方文档 官网地址:jQuery Official Documentation 内容分类:API 参考…

jquery 选择器

jquery 选择器

jQuery 选择器基础语法 jQuery 选择器基于 CSS 选择器语法扩展,用于快速定位 DOM 元素。基本结构为 $("selector") 或 jQuery("selector"),返回一个包…

jquery字符串

jquery字符串

jQuery 字符串操作 jQuery 提供了多种方法来处理字符串,尽管它主要是一个 DOM 操作库,但字符串处理在动态内容生成和数据交互中非常常见。 字符串拼接与连接 使用 JavaScript…

jquery 效果

jquery 效果

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。jQuery 提供了丰富的效果(Effects)功能,可以轻松实现元素的动态显…

jquery获取元素

jquery获取元素

jQuery 获取元素的方法 jQuery 提供了多种方法来获取 DOM 元素,以下是常见的几种方式: 通过 ID 选择器获取元素 使用 #id 选择器可以获取具有特定 ID 的元素。例如: $(…

引入jquery

引入jquery

引入jQuery的方法 通过CDN引入(推荐) 在HTML文件的<head>或<body>标签内添加以下链接,使用官方或公共CDN服务: <script src="…