概述
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。(简而言之就是一个封装了大量JS函数的工具库)
引入JQuery的方式
- 直接去jquery官网下载,在项目中新建一个lib文件夹,导入之后在代码中引用即可
- 查询CDN JQuery ,引入在线JQuery,如下是几个在线JQuery
- https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js
- https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.js
- https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.slim.js
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
JQuery的使用
JQuery公式: $(选择器).事件(function(){})
其中选择器就是css中的选择器,事件是库中封装好的大量的方法,使用JQuery比原生的JS代码更加方便快捷
如:
JQuery的事件很多,不需要强行记忆,需要的时候可以直接去JQuery中文文档查询。下面列出一些常用的事件操作。
JQuery应用
鼠标事件
键盘事件
操作DOM
页面加载完成
操作CSS