当前位置:首页 > 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获取radio选中的值

jquery获取radio选中的值

获取radio选中的值 使用jQuery获取被选中的radio按钮的值可以通过以下几种方法实现: 方法1:使用:checked选择器 var selectedValue = $('input[na…

jquery 样式

jquery 样式

jQuery 样式操作 jQuery 提供了多种方法来操作 HTML 元素的样式,包括直接修改 CSS 属性、添加或移除类、获取样式值等。 修改 CSS 属性 使用 css() 方法可以直接修改元素…

jquery 菜单

jquery 菜单

jQuery 菜单实现方法 使用 jQuery 创建动态菜单可以通过多种方式实现,以下是几种常见的方法: 基于 HTML 和 CSS 的基础结构 创建菜单的 HTML 结构通常使用无序列表 <…

jquery提示

jquery提示

jQuery提示功能的实现方法 使用jQuery实现提示功能通常涉及工具提示(Tooltip)、弹出框(Popup)或通知消息(Notification)。以下是几种常见实现方式: 使用jQuery…

jquery each

jquery each

jQuery each 方法详解 jQuery 的 each() 方法用于遍历 jQuery 对象或数组/对象,执行回调函数处理每个元素或属性。以下是具体用法和示例: 遍历 jQuery 对象 语法…

轮播图jquery

轮播图jquery

轮播图jquery实现方法 使用jQuery实现轮播图可以通过多种方式完成,以下是几种常见的实现方法。 基础轮播图实现 HTML结构: <div class="slider">…