当前位置:首页 > jquery

如何引入jquery

2026-04-08 10:34:40jquery

引入 jQuery 的方法

通过 CDN 引入
推荐使用官方或知名 CDN(如 Google、Microsoft、jQuery 官方)加载 jQuery。将以下代码添加到 HTML 文件的 <head><body> 标签内:

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

若需特定版本,可替换链接中的版本号(如 3.6.0)。

如何引入jquery

本地文件引入

如何引入jquery

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

模块化项目中使用 npm/yarn
适用于 Node.js 或现代前端框架(如 React、Vue):

npm install jquery
# 或
yarn add jquery

在代码中通过 import 引入:

import $ from 'jquery';

注意事项

  • 引入顺序:确保 jQuery 在依赖它的其他脚本之前加载。
  • 版本选择:生产环境建议使用压缩版(.min.js),并优先选择 CDN 以提高加载速度。
  • 备用方案:为应对 CDN 失效,可添加本地回退代码:
    <script>
    window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>');
    </script>

标签: jquery
分享给朋友:

相关文章

jquery 3

jquery 3

jQuery 3 简介 jQuery 3 是 jQuery 库的主要版本更新,于 2016 年发布。它专注于现代化、性能优化和移除过时 API,同时保持向后兼容性。jQuery 3 分为两个分支:…

react如何引用jquery

react如何引用jquery

在React项目中引用jQuery可以通过以下方法实现: 安装jQuery依赖 通过npm或yarn安装jQuery包: npm install jquery # 或 yarn add jquer…

jquery打印

jquery打印

jQuery 打印功能实现方法 使用jQuery实现打印功能可以通过多种方式完成,以下是几种常见的方法: 方法1:使用window.print()方法 直接调用浏览器的打印功能,适用于打印整个页面或…

jquery 父元素

jquery 父元素

jQuery 获取父元素的方法 在 jQuery 中,可以通过多种方法获取元素的父元素。以下是常用的几种方式: 使用 parent() 方法 parent() 方法返回被选元素的直接父元素。例如:…

jquery验证表单

jquery验证表单

jQuery 表单验证方法 使用 jQuery 进行表单验证可以通过多种方式实现,以下是几种常见的方法: 使用 jQuery Validate 插件 jQuery Validate 是一个流行的表…

jquery删除元素

jquery删除元素

使用 jQuery 删除元素的方法 删除元素及其子元素 remove() 方法可以删除选中的元素及其所有子元素。 示例代码: $("#elementId").remove(); 仅删除元素内容…