当前位置:首页 > jquery

jquery 引用

2026-01-14 15:53:21jquery

jQuery 引用方法

通过CDN引用jQuery
推荐使用官方或公共CDN(内容分发网络)加载jQuery,以下为最新版本的CDN链接:

jquery 引用

<!-- jQuery 3.x 版本(压缩版) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

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

本地文件引用
若需离线使用,可下载jQuery文件并保存到项目目录中,通过相对路径引用:

jquery 引用

  1. jQuery官网下载.js文件。
  2. 将文件放入项目文件夹(如js/目录)。
  3. 在HTML中通过<script>标签引入:
    <script src="js/jquery-3.6.0.min.js"></script>

模块化环境引用(如Node.js)
通过npm或yarn安装后,在JavaScript文件中导入:

npm install jquery
const $ = require('jquery');
// 或ES6语法
import $ from 'jquery';

注意事项

  • 确保jQuery引用位于其他依赖jQuery的脚本之前。
  • 使用压缩版(.min.js)以提升页面加载性能。
  • 若需兼容旧版IE(如IE6-8),需使用jQuery 1.x版本。

标签: jquery
分享给朋友:

相关文章

jquery 面试题

jquery 面试题

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

jquery作用

jquery作用

jQuery的作用概述 jQuery是一个快速、简洁的JavaScript库,主要用于简化HTML文档遍历、事件处理、动画设计和Ajax交互等操作。其核心目标是让开发者以更少的代码完成更多功能,同时解…

jquery 元素

jquery 元素

jQuery 元素选择与操作 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是 jQuery 中常用的元素选择与操作方法…

jquery id

jquery id

jQuery 通过 ID 选择元素的方法 在 jQuery 中,可以通过 ID 选择器快速获取 DOM 元素。ID 选择器使用 # 符号加上元素的 ID 名称。 语法示例: $("#eleme…

jquery样式

jquery样式

jQuery 样式操作基础 jQuery 提供了多种方法来操作 HTML 元素的样式,包括直接修改 CSS 属性、添加/移除类名等。以下是常见的样式操作方法: 修改 CSS 属性 使用 css()…

jquery li

jquery li

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