当前位置:首页 > 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> 标签引入:

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

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

npm install jquery

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

const $ = require('jquery');

或使用 ES6 语法:

import $ from 'jquery';

验证引入成功

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

如何引入jquery

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

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

标签: jquery
分享给朋友:

相关文章

锋利的jquery

锋利的jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其核心特点是“写得更少,做得更多”,适合快速开发动态网…

jquery表单

jquery表单

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

jquery 表单

jquery 表单

jQuery 表单操作 使用 jQuery 操作表单可以简化 DOM 操作,提高开发效率。以下是一些常见的表单操作方法: 获取表单元素的值 使用 val() 方法可以获取或设置表单元素的值。 //…

jquery 高度

jquery 高度

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

jquery 教程

jquery 教程

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

jquery文件上传

jquery文件上传

jQuery 文件上传实现方法 基础文件上传实现 使用 jQuery 结合 HTML5 的 FormData 对象可以实现异步文件上传。创建一个包含文件输入的表单: <form id="upl…