当前位置:首页 > jquery

如何引入jquery

2026-02-03 17:21:33jquery

引入 jQuery 的方法

通过 CDN 引入
使用公共 CDN(内容分发网络)加载 jQuery,适合快速开发或在线项目。将以下代码放入 HTML 的 <head><body> 部分:

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

推荐使用官方 CDN(如 code.jquery.com)或可信赖的第三方 CDN(如 Google、Microsoft 提供的版本)。

本地文件引入
下载 jQuery 文件并保存到项目目录中,通过相对路径引入。

如何引入jquery

  1. jQuery 官网 下载最新版本。
  2. 将文件(如 jquery-3.6.0.min.js)放入项目文件夹(例如 js/)。
  3. 在 HTML 中添加:
    <script src="js/jquery-3.6.0.min.js"></script>

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

npm install jquery

通过 yarn 安装:

如何引入jquery

yarn add jquery

在代码中引入:

import $ from 'jquery';

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

<script>
  $(document).ready(function() {
    console.log("jQuery 已加载");
  });
</script>

如果控制台输出日志,则说明引入成功。

注意事项

  • 优先使用压缩版本(如 jquery-x.x.x.min.js)以减少加载时间。
  • 确保 jQuery 在依赖它的其他脚本之前引入。
  • 如需兼容旧版浏览器,可考虑引入 jQuery 1.x 或 2.x 版本(注意官方已停止维护旧版)。

标签: jquery
分享给朋友:

相关文章

jquery 加载

jquery 加载

jQuery 加载方法 使用jQuery需要先将其库文件加载到网页中。以下是几种常见的加载方式: 通过CDN加载 推荐使用官方或公共CDN(内容分发网络)加载jQuery,速度快且可能被浏览器缓存:…

jquery获取元素

jquery获取元素

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

jquery 高度

jquery 高度

jQuery 获取和设置元素高度的方法 使用 jQuery 可以方便地获取或设置元素的高度。以下是几种常用的方法: 获取元素高度 使用 height() 方法可以获取匹配元素中第一个元素的计算高度(…

jquery正则

jquery正则

jQuery 正则表达式基础 jQuery 本身不直接提供正则表达式功能,但可以通过 JavaScript 的正则表达式对象(RegExp)结合 jQuery 的方法实现字符串匹配、替换等操作。 创…

jquery源码

jquery源码

jQuery 源码解析 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其源码设计精妙,值得深入分析。 源码结构 jQuer…

jquery上传文件

jquery上传文件

jQuery上传文件的方法 使用jQuery上传文件可以通过多种方式实现,以下是常见的几种方法: 使用FormData和AJAX 创建一个表单,包含文件输入框,通过FormData对象收集表单数据,…