事件
鼠标事件
方法 | 描述 | 执行时机 |
---|---|---|
click() | 触发或者将函数绑定到指定元素的click事件 | 单击鼠标时 |
dblclick | 触发或者将函数绑定到指定元素的dblclick事件 | 双击鼠标时 |
mouseover | 触发或者将函数绑定到指定元素的mouseover事件 | 鼠标移过时 |
mouseout | 触发或者函数绑定到指定元素的mouseout事件 | 鼠标移出时 |
hover | 当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave) | 鼠标移入移出 |
第一种:bind绑定事件
bind(事件类型,事件处理函数)
用法:$("div").bind(“click",function(){
$(this).css("color","red")
})
$("div").bind(“mouseover",function(){
$(this).css("color","red")
})
$("div").bind(“mouseout",function(){
$(this).css("color","red")
})
第二种:on:一次绑定多个事件,
on注册事件语法:
第一个参数events:绑定事件的名称可以是由空格分隔的多个事件〔标准事件或者自定义事件)
第二个参数selector:执行事件的后代元素(可选)如集没有后代元素。那么事件将有白己执行。
第三个参数data:传递给处理函数的数据。事件触发的时候通过event.data来使用(不常使用)
第四个参数:事件处理函数
$(selector).on(events.selector.handler);
on注册简单事件
//