当前位置:首页 > jquery

如何引入jquery

2026-04-08 10:34:40jquery

引入 jQuery 的方法

通过 CDN 引入
推荐使用官方或知名 CDN(如 Google、Microsoft、jQuery 官方)加载 jQuery。将以下代码添加到 HTML 文件的 <head><body> 标签内:

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

若需特定版本,可替换链接中的版本号(如 3.6.0)。

如何引入jquery

本地文件引入

如何引入jquery

  1. jQuery 官网 下载 jQuery 文件(通常为 .min.js 压缩版)。
  2. 将文件保存到项目目录(如 js/jquery.min.js)。
  3. 在 HTML 中通过相对路径引入:
    <script src="js/jquery.min.js"></script>

模块化项目中使用 npm/yarn
适用于 Node.js 或现代前端框架(如 React、Vue):

npm install jquery
# 或
yarn add jquery

在代码中通过 import 引入:

import $ from 'jquery';

注意事项

  • 引入顺序:确保 jQuery 在依赖它的其他脚本之前加载。
  • 版本选择:生产环境建议使用压缩版(.min.js),并优先选择 CDN 以提高加载速度。
  • 备用方案:为应对 CDN 失效,可添加本地回退代码:
    <script>
    window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>');
    </script>

标签: jquery
分享给朋友:

相关文章

jquery 插入html

jquery 插入html

jQuery 插入 HTML 的方法 jQuery 提供了多种方法来动态插入 HTML 内容到 DOM 中。以下是几种常用的方法: append() 将内容插入到选定元素的内部末尾。 $("#…

jquery 选择

jquery 选择

jQuery 选择器基础 jQuery 选择器基于 CSS 选择器语法,用于快速定位和操作 DOM 元素。核心语法为 $() 或 jQuery(),括号内传入选择器表达式。 // 选择所有 <…

下载jquery

下载jquery

下载 jQuery 的方法 官方网站下载 访问 jQuery 的官方网站 https://jquery.com,点击页面上的“Download”按钮。选择压缩版(minified)或未压缩版(unco…

jquery下拉

jquery下拉

jQuery 实现下拉效果的方法 使用 slideDown() 和 slideUp() 方法 通过 slideDown() 展开元素,slideUp() 收起元素,实现平滑的下拉动画效果。 $(…

jquery 循环

jquery 循环

jQuery 循环方法 jQuery 提供了多种循环遍历元素或数组的方法,以下是常用的几种方式: each() 方法 each() 是 jQuery 中最常用的循环方法,用于遍历 jQuery 对象…

jquery日期

jquery日期

jQuery 日期处理 jQuery本身不直接提供日期处理功能,但可以结合JavaScript的Date对象或第三方库(如moment.js)来实现日期操作。以下是常见日期处理的实现方法: 获取当前…