jquery中常用的事件有：1、window事件；2、鼠标事件，是当用户在文档上面移动或单击鼠标时而产生的事件，包括鼠标单击、移入事件、移出事件等；3、键盘事件，是用户每次按下或者释放键盘上的按键时都会产生事件，包括按下按键事件、释放按键按键等；4、表单事件，例如当元素获得焦点时会触发focus()事件，失去焦点时会触发blur()事件，表单提交时会触发submit()事件。
本教程操作环境：windows7系统、jquery3.6版本、Dell G3电脑。
一、jQuery事件的分类
jQuery事件是对JavaScript事件的封装，常用事件分类如下：
1、基础事件
window事件。鼠标事件。键盘事件。表单事件。
2、复合事件是多个事件的组合
鼠标光标悬停。鼠标连续点击。
二、鼠标事件
鼠标事件是当用户在文档上面移动或单击鼠标时而产生的事件，常用鼠标事件有：
三、键盘事件
用户每次按下或者释放键盘上的按键时都会产生事件，常用键盘事件如下：
四、表单事件
当元素获得焦点时，会触发focus()事件，失去焦点时，会触发blur()事件。
表单提交时会触发submit()事件。
Gridster.js多列网格式拖动布局插件
下载
网页中拖动 DIV 是很常见的操作，今天就分享给大家一个 jQuery 多列网格拖动布局插件，和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小，并且支持多列的网格布局，它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的 HTML 元素转换为网格组件
五、综合示例
需求说明：
- 1、用户名输入框获得焦点时输入框背景色为浅蓝色，失去焦点时还原为白色背景色。
- 2、鼠标移至登录按钮时字体变粗，移出时整体恢复正常。
3、敲击键盘的“回车”键时触发表单提交事件。
代码：
事件演示示例
效果：
【推荐学习：jQuery视频教程、web前端视频】
