26-jQuery-概述和下载使用

news2024/11/20 11:51:55

一、什么是 jQuery?

jQuery 是一款流行的 JavaScript 框架,被广泛应用于 Web 开发中。它简化了 DOM 操作、事件处理、动画效果等常见任务,提供了丰富的 API 和插件,让开发者能够快速地实现各种功能。jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

二、jQuery 的特点

  1. 简单易用:相对于原生 JavaScript,jQuery 的语法更加简洁,API 更加易懂。
  2. 跨浏览器兼容性好:jQuery 可以很好地兼容多个主流浏览器,并且解决了不同浏览器之间的兼容性问题。
  3. 操作 DOM 的便利性:jQuery 封装了大量操作 DOM 元素的 API,使得开发者无需编写大量重复的代码就能轻松操纵页面元素。
  4. 丰富的插件库:jQuery 生态系统非常丰富,包含了大量的插件,可以满足各种不同的需求。
  5. 高效的动画效果:jQuery 可以实现各种动画效果,比如淡入淡出、滑动、旋转等,而且这些动画效果非常流畅。

三、jquery.js 和 jquery.min.js 之间的区别:

1、文件大小:

        jquery.js 是未压缩版本的 jQuery 文件,包含了完整的注释和非必要的空格等,以便更容易地理解代码和调试。而 jquery.min.js 是压缩后的版本,已经将多余的空白字符和注释删除,从而减小了文件大小。

2、加载速度

       由于 jquery.min.js 文件体积更小,因此在网络传输时下载速度更快。这意味着在加载页面时,浏览器可以更快地下载和解析 jquery.min.js 文件,并且更快地开始执行页面上的其他代码。

3、生产环境 vs 开发环境

       在开发过程中,我们通常需要使用 jquery.js 这种未压缩版本的文件来进行代码调试和修改。而在生产环境中,我们则应该使用 jquery.min.js 来提高网站的加载速度和性能。

四、下载和使用jQuery

1、不同版本的jQuery有何区别?

jQuery 的不同版本主要有两类:主线版本(jQuery 1.x 和 jQuery 2.x)和稳定版本(jQuery 3.x)。

版本日期新特性主要区别
jQuery 1.x2006年支持IE 6/7/8等旧版浏览器使用过时API,不支持现代浏览器的新特性
jQuery 2.x2013年放弃对IE 6/7/8的支持,专注于现代浏览器,使用了新的JavaScript技术去除了旧版浏览器支持,API与jQuery 1.x类似
jQuery 3.x2016年增加对SVG元素、Web Components等特性的支持,修复了一些bug在继承2.x的性能优势的基础上,去除了更多过时API

       在选择使用哪个版本的 jQuery 时,我们需要考虑到自己的项目所支持的浏览器版本,如果需要支持 IE 6/7/8 等旧版浏览器,则需要选择使用 jQuery 1.x;如果只需支持现代浏览器,则可以选择 jQuery 2.x 或 jQuery 3.x。同时,我们还需要考虑 jQuery 的稳定性、性能、安全性等因素。一般来说,我们推荐使用最新的稳定版本的 jQuery,以便获取更好的性能和更多的特性支持。

2、下载jQuery和使用

jQuery官网:jQuery,点击黄色download。

上面为生产版本 jquery.min.js,下面为开发版本 jquery.js。

点击上面版本,复制内容即可,如下: 

打开自己使用的开发工具,新建js文件将代码粘贴进去即可,使用时要引用其路径。 如:

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/542656.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

6G 第六代移动通信和sub6G第五代移动通信的中低频段

“ 6G&#xff1a;第六代移动通信&#xff0c;概念被炒得火热&#xff0c;却一直不冷不热&#xff0c; 受限于功率和传输距离等&#xff0c;很难落地。” “ sub6G&#xff1a;第五代移动通信的中低频段&#xff0c;虽然已部署了很多&#xff0c; 却受限于功耗、成本、杀手级…

使用Keras构建分类问题的MLP神经网络——用于糖尿病预测

大家好&#xff0c;我是带我去滑雪&#xff01; Keras 是一个用于构建和训练深度学习模型的高级 API&#xff0c;它基于 Python编写&#xff0c;并能够运行于 TensorFlow, CNTK, 或者 Theano 等深度学习框架之上。Keras简化了深度神经网络的构建流程&#xff0c;让用户能够更加…

基于Springboot的漫画网站

开发技术介绍 B/S架构 B/S结构是目前使用最多的结构模式&#xff0c;它可以使得系统的开发更加的简单&#xff0c;好操作&#xff0c;而且还可以对其进行维护。使用该结构时只需要在计算机中安装数据库&#xff0c;和一些很常用的浏览器就可以了。浏览器就会与数据库进行信息…

chatgpt赋能Python-python3_7_2怎么安装

Python 3.7.2 安装指南 Python 是一种广泛使用的计算机编程语言&#xff0c;在科学计算、数据处理、网络编程、人工智能等领域都有广泛应用。而 Python 3.7.2 是 Python 3 系列的一个重要版本。在本文中&#xff0c;我们将介绍如何在各种操作系统上安装 Python 3.7.2。 安装步…

chatgpt赋能Python-python3_8降到3_7

Python 3.8降级到3.7&#xff1a;这是否是一个明智的决策&#xff1f; Python 3.8是Python语言的最新版本&#xff0c;拥有许多显著的改进和新功能。然而&#xff0c;许多开发者们发现3.8版本并非适用于每个项目&#xff0c;因此他们可能会想要降级回Python 3.7。本文将探讨降…

5.19黄金持续下跌能否抄底做多?后市如何布局

近期有哪些消息面影响黄金走势&#xff1f;今日黄金多空该如何研判&#xff1f; ​黄金消息面解析&#xff1a;周四(5月18日)&#xff0c;美市盘中&#xff0c;现货黄金价格跌创4月21日以来新低至1952.01美元/盎司&#xff0c;迹象表明华府和国会可能就提高美国债务上限达成协…

使用CGImageRef创建图片及实现图片区域裁剪(附源码)

一 CGImageRef和UIImage的互相转化 CGImageRef 是一个结构体指针&#xff0c;通过CGImageRef可以获得UIImage的所有参数&#xff0c;比如像素宽高、颜色通道位深、像素点位深、像素点字节排列及读取顺序等信息&#xff0c;CGImageRef与UIImage的互相转化如下&#xff1a; UII…

GEE:计算每个斑块(超像素、对象)内的特征/统计值

作者:CSDN @ _养乐多_ 在遥感图像分析中,斑块(或对象)是指具有相似像素值的区域,通常代表地物或景观要素。通过计算斑块的特征,我们可以获得关于这些区域的有用信息,从而进行更深入的分析和研究。在本文中,我们将介绍如何使用Google Earth Engine(GEE)平台计算每个斑…

深入理解Java虚拟机:JVM高级特性与最佳实践-总结-7

深入理解Java虚拟机&#xff1a;JVM高级特性与最佳实践-总结-7 类文件结构概述无关性的基石 虚拟机类加载机制概述类加载的时机 类文件结构 代码编译的结果从本地机器码转变为字节码&#xff0c;是存储格式发展的一小步&#xff0c;却是编程语言发展的一大步 概述 我们写的程…

JavaScript实现计算1-10之间的乘积的数的代码

以下为实现计算1-10之间的乘积的数的程序代码和运行截图 目录 前言 一、实现计算1-10之间的乘积 1.1 运行流程及思想 1.2 代码段 1.3 JavaScript语句代码 1.4 运行截图 前言 1.若有选择&#xff0c;您可以在目录里进行快速查找&#xff1b; 2.本博文代码可以根据题目要…

chatgpt赋能Python-python3_7怎么换行

Python 3.7 的换行方法详解 Python 是一种广泛应用的高级编程语言&#xff0c;它具有简单易学&#xff0c;功能强大&#xff0c;可移植性好等特点&#xff0c;深受全球开发者的喜爱。其中&#xff0c;每个程序员在编写代码时最常用的是打印输出函数&#xff0c;而其中换行更是…

[c++] enum和string相互转换

enum和string相互转换 简介满足的需求code使用方法可优化点 参考链接 简介 原理还是很朴素的方法&#xff0c;只是用宏省略了重复代码&#xff0c;降低维护难度&#xff1b; // enum to string std::string enum2Str(Color c) {switch(c){case RED: return "RED";c…

Pytorch从零开始实现Vision Transformer (from scratch)

Pytorch从零开始实现Vision Transformer 前言一、Vision Transformer架构介绍1. Patch Embedding2. Multi-Head Attention3. Transformer BlockFeed Forward 二、预备知识1. Einsum2. Einops 三、Vision Transformer代码实现0. 导入库1. Patch Embedding2. Residual & Norm…

Ethereum以太坊事件日志查询参数

目录 一、Ethereum事件日志查询参数二、需求三、实现四、其他 一、Ethereum事件日志查询参数 addresses&#xff1a;合约地址列表fromBlock&#xff1a;开始区块toBlock&#xff1a;结束区块topics&#xff1a;主题数组blockhash&#xff1a;区块哈希&#xff0c;优先级高于fr…

chatgpt赋能Python-python3_9_1怎么用

Python3.9.1是什么&#xff1f; Python是一种高级、动态、解释型语言&#xff0c;具有优雅简洁、易于学习和阅读、功能丰富的特点。Python 3.9.1是Python编程语言的一个版本&#xff0c;于2020年12月21日正式发布&#xff0c;是Python 3的最新稳定版本。它包含了许多新的特性、…

chatgpt赋能Python-python3_7降级3_6

Python 3.7降级3.6&#xff1a;为什么&#xff1f;如何做&#xff1f; 如果你是一个认真的Python开发者&#xff0c;你可能会对Python 3.7的某些改进感到兴奋。但是&#xff0c;在某些情况下&#xff0c;你可能需要将Python降级到3.6版本。在这篇文章中&#xff0c;我们将探讨…

网吧管理系统修正

文章目录 网吧管理系统修正1. 改动1&#xff1a;上机缴费2. 改动2&#xff1a;下机超时计费3. 改动3&#xff1a;注销强制下机操作4. 改动4&#xff1a;计费标准数据的获取与释放 网吧管理系统修正 Carry文件中&#xff0c;打开文件忘记关闭了&#xff0c;虽然C语言中不会报错…

【STM32G431RBTx】备战蓝桥杯嵌入式→决赛试题→第八届

文章目录 前言一、题目二、模块初始化三、代码实现interrupt.h:interrupt.c:main.h:main.c: 四、完成效果五、总结 前言 学习完了所有模块之后(LIS302考点取消了, 扩展板也找不到了&#xff0c;如果你能找到可能你不是在十四届省赛后买的扩展板), 跟省赛一样&#xff0c;先拿第…

这个屏幕录制太好用了!

哈喽&#xff0c;大家好&#xff01;今天给各位小伙伴测试了一屏幕录制的小工具——ApowerREC。它是一款专业同步录制屏幕画面及声音的录屏软件。界面简洁&#xff0c;操作简单&#xff0c;支持实时编辑屏幕录像、创建计划任务、录制摄像头高清视频等功能。废话不多说&#xff…

汇编九、直接地址与寄存器、ROM和RAM

1、直接地址与寄存器 1.1、A和ACC (1)A是没有地址的&#xff0c;可以当作寄存器使用。 (2)ACC是有地址的&#xff0c;地址为E0H(查数据手册)。 (3)如果使用压栈操作&#xff0c;要用ACC。因为ACC可当做直接地址。 (4)如果使用位操作&#xff0c;要用ACC。因为ACC可位寻址。…