当前位置:首页 > jquery

怎么引入jquery

2026-04-08 07:35:43jquery

引入 jQuery 的方法

通过 CDN 引入

使用公共 CDN(内容分发网络)引入 jQuery,以下是常用的 CDN 链接:

<!-- jQuery 3.x 最新版本 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- jQuery 2.x 版本(不支持 IE6-8) -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

<!-- jQuery 1.x 版本(支持旧版浏览器) -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

将上述代码放在 HTML 文件的 <head><body> 标签内。

下载本地引入

从 jQuery 官网下载文件并引入:

怎么引入jquery

  1. 访问 jQuery 官网 下载最新版本。
  2. 将下载的 .js 文件保存到项目目录中(例如 js/jquery.min.js)。
  3. 在 HTML 文件中引入:
<script src="js/jquery.min.js"></script>

使用 npm 安装

在 Node.js 或现代前端项目中,可以通过 npm 安装 jQuery:

npm install jquery

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

怎么引入jquery

import $ from 'jquery';

使用 Yarn 安装

如果使用 Yarn 作为包管理工具,可以通过以下命令安装:

yarn add jquery

引入方式与 npm 相同:

import $ from 'jquery';

验证 jQuery 是否引入成功

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

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

如果控制台输出提示信息,则说明 jQuery 已正确引入。

标签: jquery
分享给朋友:

相关文章

jquery插件

jquery插件

jQuery 插件开发指南 jQuery 插件是一种扩展 jQuery 功能的模块化方式,允许开发者封装可重用的代码。以下是开发和使用 jQuery 插件的基本方法。 插件基本结构 jQuery 插…

jquery怎么读

jquery怎么读

jQuery的正确发音 jQuery的发音为 "jay-query"(/ˈdʒeɪkwɪəri/)。其中: "jay" 发音类似字母 "J" 的英文读法。 "query" 发音与英文单词 "qu…

jquery页面

jquery页面

jQuery 页面操作指南 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互的操作。以下是 jQuery 在页面中的常见使用方法…

jquery判断

jquery判断

jQuery 判断元素存在与属性方法 使用 jQuery 判断元素是否存在可通过检查选择器返回的 jQuery 对象长度: if ($('#elementId').length > 0) {…

jquery菜单

jquery菜单

以下是关于使用jQuery创建交互式菜单的几种常见方法及实现示例: 基础下拉菜单实现 通过jQuery的slideToggle和toggleClass实现简单下拉效果: $('.menu-item…

jquery的方法

jquery的方法

jQuery 常用方法分类 jQuery 是一个快速、简洁的 JavaScript 库,提供了大量简化 DOM 操作、事件处理、动画效果和 AJAX 交互的方法。以下是 jQuery 核心方法的分类和…