当前位置:首页 > jquery

导入jquery

2026-04-08 00:28:18jquery

导入 jQuery 的方法

通过 CDN 引入 jQuery
在 HTML 文件的 <head><body> 标签内添加以下代码,使用官方 CDN 引入最新版本的 jQuery:

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

下载本地文件引入
jQuery 官网 下载压缩版(minified)或未压缩版(uncompressed)的 jQuery 文件,保存到项目目录中,然后通过 <script> 标签引入:

导入jquery

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

使用 npm 安装
在 Node.js 项目中,可以通过 npm 安装 jQuery:

npm install jquery

然后在 JavaScript 文件中通过 requireimport 引入:

导入jquery

const $ = require('jquery');
// 或
import $ from 'jquery';

验证 jQuery 是否成功加载
在引入 jQuery 后,可以通过以下代码验证是否加载成功:

if (typeof jQuery == 'undefined') {
    console.log('jQuery 未加载');
} else {
    console.log('jQuery 已加载');
}

注意事项

  • 确保 <script> 标签放置在需要使用 jQuery 的代码之前。
  • 如果需要兼容旧版本浏览器,可以引入 jQuery 1.x 或 2.x 版本,但推荐使用最新的 3.x 版本以获得更好的性能和安全性。

标签: jquery
分享给朋友:

相关文章

jquery获取radio选中的值

jquery获取radio选中的值

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

锋利的jquery

锋利的jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其核心特点是“写得更少,做得更多”,适合快速开发动态网…

jquery 图片

jquery 图片

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

jquery css

jquery css

jQuery 操作 CSS 的方法 jQuery 提供了多种方法来操作元素的 CSS 样式,包括获取、设置、添加或移除样式。以下是常用的方法: 获取 CSS 属性值 使用 .css() 方法获取元素…

jquery滚动条

jquery滚动条

jQuery 滚动条操作 获取滚动条位置 使用scrollTop()方法获取垂直滚动条的位置,scrollLeft()获取水平滚动条位置: $(window).scrollTop(); // 垂直…

jquery 版本

jquery 版本

以下是关于 jQuery 版本的详细信息: jQuery 主要版本概览 jQuery 目前有三个主要版本分支:1.x、2.x 和 3.x。每个分支针对不同的浏览器兼容性和功能需求设计。 jQuer…