当前位置:首页 > 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 文件并保存到项目目录中,通过相对路径引入。

  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 安装:

yarn add jquery

在代码中引入:

import $ from 'jquery';

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

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

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

如何引入jquery

注意事项

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

标签: jquery
分享给朋友:

相关文章

jquery代码

jquery代码

以下是关于jQuery代码的常见用法和示例,涵盖基础操作、事件处理、DOM操作等核心功能: 基础语法 jQuery通过$()函数选择元素,支持CSS选择器语法: // 选择所有<p>元…

jquery 加载

jquery 加载

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

jquery表单

jquery表单

jQuery 表单操作 jQuery 提供了丰富的 API 用于表单操作,包括表单元素的选择、值获取与设置、事件处理等。 表单元素选择 使用 jQuery 选择器可以方便地选取表单元素: // 选…

jquery 上传

jquery 上传

jQuery 文件上传方法 使用 jQuery 实现文件上传可以通过多种方式完成,以下是常见的几种方法: 使用原生表单和 AJAX 创建一个包含文件输入的表单,并通过 jQuery 的 AJAX…

jquery 列表

jquery 列表

jQuery 列表操作 jQuery 提供了多种方法来操作 HTML 列表(如 <ul> 或 <ol>)。以下是一些常见的操作方式: 动态添加列表项 使用 append()…

jquery下拉框

jquery下拉框

jQuery 下拉框的实现方法 jQuery 可以用于创建动态下拉框,包括选择框(<select>)和自定义下拉菜单。以下是几种常见实现方式: 基础选择框操作 通过 jQuery 操作原…