当前位置:首页 > jquery

页面引入jquery

2026-03-16 19:41:24jquery

引入jQuery的方法

通过CDN引入

使用公共CDN(如Google或jQuery官方)引入最新版本的jQuery。将以下代码放入HTML文件的<head><body>标签内:

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

下载本地引入

jQuery官网下载压缩版(minified)或未压缩版文件,保存到项目目录中。通过相对路径引入:

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

npm安装

在Node.js项目中使用npm或yarn安装:

npm install jquery

安装后通过模块化方式引入:

import $ from 'jquery';

验证引入

在引入后添加测试代码确认jQuery是否生效:

<script>
  $(document).ready(function() {
    console.log('jQuery loaded');
  });
</script>

注意事项

页面引入jquery

  • 避免重复引入多个版本的jQuery
  • 生产环境推荐使用压缩版(文件名带.min.js)
  • 考虑在</body>结束标签前引入以提升页面加载性能

标签: 页面jquery
分享给朋友:

相关文章

vue文件实现页面跳转

vue文件实现页面跳转

Vue文件实现页面跳转的方法 在Vue项目中,页面跳转可以通过Vue Router实现。以下是几种常见的实现方式: 声明式导航 使用<router-link>组件实现跳转,适合模板中使用…

jquery获取

jquery获取

获取元素 使用jQuery选择器获取元素,通过CSS选择器或jQuery特定选择器定位目标元素。常见选择器包括ID选择器(#id)、类选择器(.class)、标签选择器(tag)等。示例: $('#…

jquery 图片

jquery 图片

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

jquery 方法

jquery 方法

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是一些常用的 jQuery 方法及其用途: 选择器方法 $("selec…

jquery 对象

jquery 对象

jQuery 对象简介 jQuery 对象是通过 jQuery 选择器或方法创建的封装了 DOM 元素的集合。它是一个类数组对象,包含一组 DOM 元素并提供 jQuery 特有的方法链式操作。 创…

jquery表单

jquery表单

jQuery 表单操作 jQuery 提供了丰富的 API 用于表单操作,包括表单元素的选择、值获取与设置、事件处理等。 表单元素选择 使用 jQuery 选择器可以方便地选取表单元素: // 选…