当前位置:首页 > 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 官网下载文件并引入:

  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 文件中通过模块化方式引入:

import $ from 'jquery';

使用 Yarn 安装

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

yarn add jquery

引入方式与 npm 相同:

import $ from 'jquery';

验证 jQuery 是否引入成功

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

怎么引入jquery

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

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

标签: jquery
分享给朋友:

相关文章

jquery官网

jquery官网

jQuery 官网地址 jQuery 的官方网站是 https://jquery.com/。该网站提供以下核心内容: 下载 jQuery:提供最新版本的 jQuery 库(压缩版和未压缩版),支…

jquery 面试题

jquery 面试题

jQuery 面试题常见考点 DOM 操作 选择器使用:$("#id"), $(".class"), $("tag") 元素增删改查:append(), remove(), html(),…

jquery 筛选器

jquery 筛选器

jQuery 筛选器 jQuery 筛选器用于从一组匹配的元素中进一步筛选出符合条件的子集。这些筛选器可以基于元素的位置、内容、属性或状态进行筛选。 基本筛选器 :first 选择第一个匹配的元素。…

jquery 属性

jquery 属性

jQuery 属性操作 jQuery 提供了一系列方法来获取、设置和操作 HTML 元素的属性。以下是常用的属性操作方法: attr() 方法 用于获取或设置元素的属性值。获取属性时,传入属性名;设…

jquery上传

jquery上传

jQuery 文件上传的实现方法 jQuery 可以通过多种方式实现文件上传功能,以下介绍几种常见的方法: 使用原生表单和 AJAX 通过 HTML 表单结合 jQuery 的 AJAX 功能实现文…

jquery vue

jquery vue

jQuery 与 Vue.js 的对比 jQuery 和 Vue.js 是两种不同的前端技术,适用于不同的开发场景。 jQuery 用途:主要用于 DOM 操作、事件处理和 AJAX 请求。…