当前位置:首页 > jquery

引入jquery

2026-01-14 14:59:58jquery

引入jQuery的方法

通过CDN引入(推荐)
在HTML文件的<head><body>标签内添加以下链接,使用官方或公共CDN服务:

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

建议使用具体版本号(如3.6.0)而非最新版(latest),以避免兼容性问题。

下载本地引入

  1. 访问jQuery官网下载压缩版(min.js)。
  2. 将文件保存到项目目录(如js/jquery.min.js)。
  3. 在HTML中通过相对路径引入:
    <script src="js/jquery.min.js"></script>

模块化项目中使用npm/yarn
在Node.js或现代前端项目中,通过包管理器安装:

npm install jquery
# 或
yarn add jquery

使用时通过ES6语法导入:

引入jquery

import $ from 'jquery';

注意事项

  • 引入顺序:确保jQuery在依赖它的其他脚本之前加载。
  • 版本选择:生产环境推荐使用压缩版(.min.js),体积更小。
  • 备用方案:可添加CDN加载失败时的本地回退:
    <script>
    window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>');
    </script>

标签: jquery
分享给朋友:

相关文章

jquery选择器

jquery选择器

jQuery 选择器基础 jQuery 选择器用于选取 DOM 元素,基于 CSS 选择器语法扩展。通过 $() 或 jQuery() 函数调用,返回匹配元素的集合。 常见选择器类型…

jquery 对话框

jquery 对话框

jQuery 对话框的实现方法 jQuery 对话框通常通过 jQuery UI 库中的 dialog() 方法实现。以下是几种常见的实现方式: 基本对话框实现 引入必要的 jQuery 和 jQ…

jquery滚动

jquery滚动

jQuery 滚动事件监听 使用 jQuery 监听滚动事件可以通过 scroll() 方法实现。以下代码会在窗口滚动时触发回调函数: $(window).scroll(function() {…

jquery获取元素

jquery获取元素

jQuery 获取元素的方法 jQuery 提供了多种方法来获取 DOM 元素,以下是常见的几种方式: 通过 ID 选择器获取元素 使用 #id 选择器可以获取具有特定 ID 的元素。例如: $(…

jquery li

jquery li

jQuery 操作 <li> 元素的方法 jQuery 提供了多种方法来操作 HTML 中的 <li> 元素(列表项)。以下是常见的使用场景和示例: 选择 <li&…

jquery的方法

jquery的方法

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