jQuery中的事件

jQuery 事件

 1.ready(fn) 当DOM载入就绪可以查询及操纵绑定一个要执行的函数。

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

//代码部分

});

也可以这么写

$(function(){

//代码部分

});

2.on(events,[selector],[data],fn) 在选择元素上绑定一个或多个事件处理函数

3.off(events,[selector],[data],fn)  在选择元素上移除一个或多个事件的事件处理函数

off()方法移除用on()绑定的事件处理程序

4.one(type,[data],fn) 为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。每个对象上,这个事件处理函数只会被执行一次,其他规则与bind()函数相同

5.trigger(type,[data]) 在每一个匹配的元素上触发某类事件

6.triggerHandler(type,[data]) 这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作,也不会产生事件冒泡。

7.hover([over,]out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。

over:鼠标移到元素上要触发的函数。

out:鼠标移出元素要触发的函数。

8.toggle([speed],[easing],[fn]) 用于绑定两个或多个事件处理函数,以响应被选元素的轮流的Click事件。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

9.blur([[data],fn]) 当元素失去焦点时触发blur事件。

10.change([data],fn]) 当元素的值发生改变时,会发生change事件。该事件仅适用于文本域(text filed),以及textarea 和 select元素。

11.click([[data],fn]) 触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数。

12.dblclick([[data],fn]) 当双击元素时,会发生dblclick事件。

13.error([[data],fn]) 当元素遇到错误(没有正确载入)时,发生error事件。

14.foucs([[data],fn]) 当元素获得焦点时,触发focus事件。

15.foucsin([data],fn) 当元素获得焦点时,触发focus事件。focusin事件跟focus事件区别在于,他可以在父元素上检测子元素获取焦点的情况。

16.foucsout([data],fn) 当元素失去焦点时触发focusout 事件。focusout事件跟blur事件区别在于,他可以在父元素上检测子元素失去焦点的情况。

17.keydown([data],fn]) 当键盘或按钮被按下时,发生keydown事件。

18.keyup([[data],fn])当按钮被松开时,发生keyup事件。它发生在当前获得焦点的元素上

19.mouseenter([[data],fn]) 当鼠标指针穿过元素,会发生mouseenter 事件。该事件大多数时候与mouseleave事件一起使用。

20.mousedown([[data],fn]) 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生mousedown事件。

                                     

原文地址:https://www.cnblogs.com/Ellen-study/p/7252950.html