码迷,mamicode.com
首页 > Web开发 > 详细

jquery 元素绑定on事件

时间:2015-07-22 18:18:25      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

在选择元素上绑定一个或多个事件的事件处理函数。

on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事件方法转换,see .bind().delegate(), 和 .live(). 要删除的.on()绑定的事件,请参阅.off()

参数

events,[selector],[data],fnV1.7

events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" 。

selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略,当它到达选定的元素,事件总是触发。

data:当一个事件被触发时要传递event.data给事件处理函数。

fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false。

events-map,[selector],[data]V1.7

events-map:个用字符串表示的,一个或多个空格分隔的事件类型和可选的命名空间,值表示事件绑定的处理函数。

selector:一个选择器字符串过滤选定的元素,该选择器的后裔元素将调用处理程序。如果选择是空或被忽略,当它到达选定的元素,事件总是触发。

data:当一个事件被触发时要传递event.data给事件处理函数。

 

它的重要特性可以绑定全局的或者是ajax新添加的元素来响应事件

// 绑定鼠标的hover事件

$(document).on("mouseover mouseout", ‘.set_bd‘, function(event){
if(event.type == "mouseover"){
$(this).find(‘.set_bdsub‘).show();
}else if(event.type == "mouseout"){
$(this).find(‘.set_bdsub‘).hide();
}
});

jquery 元素绑定on事件

标签:

原文地址:http://www.cnblogs.com/dilei/p/4667732.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!