当前位置:首页 > jquery

怎么导入jquery

2026-02-03 23:08:31jquery

导入 jQuery 的方法

通过 CDN 链接导入

在 HTML 文件的 <head><body> 部分添加以下代码,使用 jQuery 官方 CDN 或其他公共 CDN(如 Google、Microsoft 提供的 CDN):

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

下载本地文件导入

jQuery 官网 下载最新版本的 jQuery 文件(通常为 .min.js 压缩版),保存到项目目录中,然后在 HTML 文件中引用:

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

使用 npm 安装(适用于 Node.js 项目)

在项目根目录运行以下命令安装 jQuery:

npm install jquery

安装后,在 JavaScript 文件中通过 requireimport 引入:

const $ = require('jquery');
// 或
import $ from 'jquery';

验证 jQuery 是否成功导入

在 HTML 文件中添加以下脚本测试 jQuery 是否正常工作:

怎么导入jquery

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

标签: jquery
分享给朋友:

相关文章

jquery 隐藏

jquery 隐藏

jQuery 隐藏元素的方法 使用 jQuery 隐藏元素可以通过多种方式实现,以下是几种常见的方法: hide() 方法hide() 是最简单的隐藏元素方法,它会将元素的 display 属性设置…

jquery 函数

jquery 函数

jQuery 函数基础 jQuery 是一个快速、简洁的 JavaScript 库,通过封装原生 JavaScript 功能简化 DOM 操作、事件处理、动画等。核心函数 $() 或 jQuery()…

jquery li

jquery li

jQuery 操作 <li> 元素的方法 jQuery 提供了多种方法来操作 HTML 中的 <li> 元素(列表项)。以下是常见的使用场景和示例: 选择 <li&…

jquery 教程

jquery 教程

jQuery 教程概览 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是学习 jQuery 的核心内容和方法。 基础语…

jquery列表

jquery列表

jQuery 列表操作 jQuery 提供了多种方法来操作 HTML 列表(如 <ul> 或 <ol>),包括动态添加、删除、修改列表项,以及事件绑定等。 创建列表 使用 j…

jquery a标签

jquery a标签

jQuery 操作 <a> 标签的方法 jQuery 提供了多种方法来操作 <a> 标签(超链接),包括修改属性、内容、样式以及绑定事件等。以下是一些常见的操作方式: 修改…