当前位置:首页 > 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是一个快速、简洁的JavaScript库,用于简化HTML文档遍历、事件处理、动画设计和Ajax交互。以下是关于jQuery版本的详细信息: jQuery版本分类 jQuery主要分为三…

jquery选择

jquery选择

jQuery选择器基础 jQuery选择器基于CSS选择器语法,用于快速定位和操作DOM元素。通过$()或jQuery()函数传入选择器字符串实现。 常见选择器类型: 元素选择器:$("p") 选…

jquery滑动

jquery滑动

jQuery 滑动效果实现方法 使用 slideDown() 和 slideUp() slideDown() 用于向下滑动显示元素,slideUp() 用于向上滑动隐藏元素。两者均可设置动画持续时间(…

jquery导航

jquery导航

jQuery 导航实现方法 使用 jQuery 实现导航菜单 jQuery 提供了多种方法来实现导航菜单的交互效果,如滑动、淡入淡出或高亮显示当前页面。以下是一个简单的导航菜单实现示例: <…

jquery 引用

jquery 引用

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

jquery正则

jquery正则

jQuery 正则表达式基础 jQuery 本身不直接提供正则表达式功能,但可以通过 JavaScript 的正则表达式对象(RegExp)结合 jQuery 的方法实现字符串匹配、替换等操作。 创…