当前位置:首页 > jquery

jquery导入

2026-03-02 15:27:19jquery

导入jQuery的方法

通过CDN链接直接引入 在HTML文件的<head><body>标签内添加以下代码,推荐使用最新版本:

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

下载本地文件引入jQuery官网下载压缩版(minified)或未压缩版文件,保存到项目目录后通过相对路径引入:

jquery导入

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

使用npm安装(适用于模块化项目) 在项目目录下运行命令:

npm install jquery

然后在JavaScript文件中通过以下方式导入:

jquery导入

import $ from 'jquery';

使用ES6模块化导入 现代浏览器支持直接通过模块化方式加载:

<script type="module">
  import $ from 'https://code.jquery.com/jquery-3.6.0.min.js';
</script>

版本选择建议

  • 生产环境推荐使用.min.js压缩版
  • 学习调试时可使用未压缩版
  • 兼容旧项目需注意jQuery 1.x与2.x/3.x的API差异

验证是否导入成功

在引入代码后添加测试脚本:

<script>
  $(document).ready(function(){
    console.log("jQuery版本:" + $.fn.jquery);
  });
</script>

标签: jquery
分享给朋友:

相关文章

jquery 面试题

jquery 面试题

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

jquery特效

jquery特效

jQuery 常见特效实现方法 淡入淡出效果 使用 fadeIn() 和 fadeOut() 方法实现元素的渐显和渐隐效果。可通过参数控制动画持续时间(毫秒)和缓动函数。 $("#element"…

jquery 元素

jquery 元素

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

html jquery

html jquery

HTML 与 jQuery 基础 HTML 是超文本标记语言,用于构建网页的结构和内容。jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Aja…

jquery 选中

jquery 选中

jQuery 选中元素的方法 jQuery 提供了多种方式来选中 DOM 元素,以下是一些常用的方法: 通过 ID 选中元素 使用 # 符号加上元素的 ID 来选中特定元素: $('#elemen…

jquery函数

jquery函数

jQuery 函数概述 jQuery 是一个快速、简洁的 JavaScript 库,通过封装原生 JavaScript 功能,简化 DOM 操作、事件处理、动画和 AJAX 等任务。其核心函数 $()…