当前位置:首页 > jquery

引入jquery

2026-03-02 12:30:44jquery

引入jQuery的方法

通过CDN引入
在HTML文件中添加以下代码,使用CDN(内容分发网络)加载jQuery库。推荐使用官方或可靠的CDN服务(如Google、Microsoft或jQuery官网提供的CDN):

引入jquery

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

下载本地文件引入
jQuery官网下载最新版本的jQuery文件(通常为压缩版jquery.min.js),保存到项目目录中,然后在HTML中通过相对路径引入:

引入jquery

<script src="path/to/jquery.min.js"></script>

使用npm/yarn安装(适用于模块化项目)
在Node.js项目或现代前端工程中,可以通过包管理器安装:

npm install jquery
# 或
yarn add jquery

安装后,在JavaScript文件中通过模块化语法引入:

import $ from 'jquery';

注意事项

  • 引入顺序:jQuery库需在依赖它的脚本之前加载,通常放在<head><body>开头。
  • 版本选择:生产环境建议使用压缩版(如jquery.min.js),体积更小。
  • 备用方案:为应对CDN不可用的情况,可添加本地回退代码:
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>window.jQuery || document.write('<script src="path/to/local/jquery.min.js"><\/script>')</script>

标签: jquery
分享给朋友:

相关文章

jquery插件

jquery插件

jQuery 插件开发指南 jQuery 插件是一种扩展 jQuery 功能的模块化方式,允许开发者封装可重用的代码。以下是开发和使用 jQuery 插件的基本方法。 插件基本结构 jQuery 插…

jquery手册

jquery手册

jQuery手册概览 jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。以下是核心功能和常用方法的分类整理。 核心方法 $(selector…

jquery怎么读

jquery怎么读

jQuery的正确发音 jQuery的发音为 "jay-query"(/ˈdʒeɪkwɪəri/)。其中: "jay" 发音类似字母 "J" 的英文读法。 "query" 发音与英文单词 "quer…

jquery 图片

jquery 图片

jQuery 图片操作 jQuery 提供了多种方法来操作图片,包括加载、显示、隐藏、调整尺寸等。以下是一些常见的图片操作方法: 动态加载图片 使用 attr() 方法可以动态修改图片的 src 属…

jquery 选择

jquery 选择

jQuery 选择器基础 jQuery 选择器基于 CSS 选择器语法,用于快速定位和操作 DOM 元素。核心语法为 $() 或 jQuery(),括号内传入选择器表达式。 // 选择所有 <…

jquery网页

jquery网页

jQuery 网页开发基础 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。以下是一些 jQuery 在网页开发中的核心…