当前位置:首页 > jquery

导入jquery

2026-03-02 15:25:46jquery

导入jQuery的方法

通过CDN链接引入
在HTML文件的<head><body>标签内添加以下代码,使用官方CDN或第三方CDN(如Google、Microsoft)加载jQuery:

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

本地文件引入
下载jQuery库文件(如jquery-3.6.0.min.js)并保存到项目目录中,通过相对路径引入:

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

npm安装(适用于Node.js项目)
在项目目录下运行以下命令安装jQuery:

npm install jquery

然后在JavaScript文件中通过requireimport引入:

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

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

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

注意事项

导入jquery

  • 推荐使用压缩版本(如jquery-3.6.0.min.js)以减少加载时间。
  • 若需兼容旧版IE,可选择jQuery 1.x版本。
  • 避免重复引入不同版本的jQuery,可能引发冲突。

标签: jquery
分享给朋友:

相关文章

jquery 面试题

jquery 面试题

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

jquery实现

jquery实现

以下是关于jQuery实现的常见应用场景及方法,分为核心功能模块说明: DOM操作 使用$()选择器获取元素后,可通过链式调用方法操作DOM: $('#element').html('新内容').…

jquery 添加

jquery 添加

jQuery 添加元素的方法 动态添加 HTML 内容 使用 append()、prepend()、after() 或 before() 方法可以在 DOM 中插入新元素。 // 在元素内部末尾…

jquery 动画

jquery 动画

jQuery 动画基础 jQuery 提供了一系列动画方法,用于实现元素的动态效果,如淡入淡出、滑动、自定义动画等。 常用动画方法 fadeIn() / fadeOut(): 元素的淡入和…

jquery的方法

jquery的方法

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

jquery滚动条

jquery滚动条

jQuery 滚动条操作 获取滚动条位置 使用scrollTop()方法获取垂直滚动条的位置,scrollLeft()获取水平滚动条位置: $(window).scrollTop(); // 垂直…