jquery bind()怎么用?
bind() 方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数。
语法
$(selector).bind(event,data,function,map)
必需参数event,规定添加到元素的一个或多个事件,由空格分隔多个事件值,必须是有效的事件。
可选参数data,规定传递到函数的额外数据。
必需参数function,规定当事件发生时运行的函数。
参数map,规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。
(相关课程推荐:jQuery教程)
示例1:添加多个事件
$(document).ready(function(){ $("p").bind("mouseover mouseout",function(){ $("p").toggleClass("intro"); }); });
示例2:使用条件映射
$(document).ready(function(){ $("button").bind({ click:function(){ $("p").slideToggle(); }, mouseover:function(){ $("body").css("background-color","#E9E9E4"); }, mouseout:function(){ $("body").css("background-color","#FFFFFF"); } }); });
示例3:向函数传递数据
function handlerName(e) { alert(e.data.msg); } $(document).ready(function(){ $("p").bind("click", {msg: "你刚点击了!"}, handlerName) });
© 著作权归作者所有
举报
发表评论
0/200