java Script学习笔记（四）----JQuery

---

概述

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