当前位置:首页 > jquery

如何引入jquery

2026-03-16 13:35:16jquery

引入 jQuery 的方法

通过 CDN 引入
使用公共内容分发网络(CDN)加载 jQuery,例如从官方 jQuery CDN 或 Google CDN 加载。将以下代码添加到 HTML 文件的 <head><body> 部分:

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

或使用 Google CDN:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

下载本地引入
jQuery 官网 下载最新版本的 jQuery 文件(通常为 .min.js 压缩版),保存到项目目录中。然后在 HTML 文件中通过 <script> 标签引入:

如何引入jquery

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

通过 npm 安装
在基于 Node.js 的项目中,可以通过 npm 安装 jQuery:

npm install jquery

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

如何引入jquery

const $ = require('jquery');

或使用 ES6 语法:

import $ from 'jquery';

验证引入成功

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

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

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

标签: jquery
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等操作。以下是关于 jQuery.js 的核心信息和使用方法: 获…

jquery的

jquery的

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的核心理念是“写得更少,做得更多”(Write Le…

jquery 获取

jquery 获取

jQuery 获取元素的方法 jQuery 提供了多种方法来获取 DOM 元素,以下是常用的几种方式: 通过 ID 获取元素 使用 $("#id") 可以获取指定 ID 的元素。例如: $("#m…

jquery div

jquery div

jQuery 操作 div 元素 jQuery 提供了多种方法来操作 div 元素,包括选择、修改内容、样式调整、事件绑定等。以下是常见操作的示例: 选择 div 元素 通过 ID 选择 div:…

jquery 显示

jquery 显示

jQuery 显示元素的方法 使用 jQuery 显示隐藏的元素可以通过多种方式实现,以下是几种常见的方法: 显示元素的基本方法 $("#element").show(); 这会直接将匹配的元素设置…

jquery 选中

jquery 选中

jQuery 选中元素的方法 jQuery 提供了多种方式来选中 DOM 元素,以下是一些常用的方法: 通过 ID 选中元素 使用 # 符号加上元素的 ID 来选中特定元素: $('#elemen…