jQuery事件

两者的差距：jQuery的ready仅仅是DOM元素加载完成就可以执行，而onload需要等待所有外部文件加载完成才能执行。而且onload只能调用一次，如果多次调用，则会执行最后一个，ready则可以多次调用。

[](()5.2：鼠标操作

常见的鼠标操作有以下几种：

1：单击 ：click

语法： $().click(function(……){})

说明：鼠标单击操作（并不是只有按钮才有，我们可以为任何一个元素添加单击操作）

2：鼠标移入移出 mouseover mouseout

此处使用了链式调用，对同一个对象进行多种操作，可以节省代码量。

3：鼠标按下与鼠标松开 mousedown 与mouseup

[](()5.3：键盘操作

键盘按下与键盘松开 keydown 与keyup

[](()5.4：表单事件

1：获取焦点 focus 和失去焦点 blur

注：focus不仅仅可以当作事件操作，也可以作为一个方法，即获取焦点。

2：change事件（可以使用click）

说明：常用于具有多个选项的表单元素，可以在以下条件下被触发：

1、单选框选择某一项  2、复选框选择某一项 3、下拉菜单选择某一项

[](()5.5：编辑事件

在jQuery中，常用的编辑事件只有contextmenu事件

点击鼠标右键改变颜色：

[](()6：事件进阶

--------------------------------------------------- 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 ------------------

[](()6.1：绑定事件

在jQuery中我们可以使用on()方法伟元素绑定事件，有点类似于JavaScript的addEventListener（）方法。

语法： $().on(type,fn)

说明:type为必选参数，表示事件类型，如单击事件"click"，fn表示匿名函数。

[](()6.1.1：静态绑定方法

[](()6.1.2：动态绑定方法