jquery 事件和事件对象

一、事件

1.页面事件(语法格式：jQ对象.事件名（事件处理函数）)

$(document).ready(function(){});

这个ready类似于js的onload事件。

//简写为$(function(){});

2.鼠标事件

鼠标事件是鼠标处于某种状态时会触发的事件

 

例如：$("div").onmousedown(function(){$(this).css("background-color","pink")})

3.键盘事件

 

4.表单事件

5.滚动事件

在jq中使用scroll来绑定一个滚动事件。

格式为jQ对象.scroll（事件处理函数）

例如$("div").scroll(()=>{

$("li").css("color","red")

})//当在div中滚动的时候触发

6.合成事件

合成事件就是用一个事件代表多个事件

例如（使用hover方法给元素同时绑定鼠标移入和移出的处理函数，即jq对象.hover(mouseover处理函数，mouseout的处理函数)）

7.自定义事件

语法格式:

jq对象.on/bind(事件类型，处理函数)

jq对象.trigger（事件类型）；

//定义了一个changecolor的事件

例子1.$("div").on("changecolor",function(){${this}.css("background-color","red")})

例子2.$("div").click(function(){$("div").trigger("changecolor");})

8.绑定事件的方法

通过jq对象.bind(事件类型，事件处理函数)或jq对象.on(事件类型，事件处理函数)

两种方式的区别（面试题）:jquery绑定事件 bind和on的区别_NO0b的博客-CSDN博客_bind和on的区别

二、事件对象

当事件发生的时候，事件的详情会记录在事件对象中。