jquery中的bind()方法是给当前对象绑定一个事件,并在事件触发时运行某个函数。
bind()语法:
$(selector).bind(event,data,function) //或者 $(selector).bind({event:function, event:function, ...})
参数 | 描述 |
---|---|
event | 必需。规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。 |
data | 可选。规定传递到函数的额外数据。 |
function | 必需。规定当事件发生时运行的函数。 |
bind()使用示例:
向 <p> 元素添加一个单击事件:
$("p").bind("click",function(){ alert("p段落被点击了。"); });
bind()向元素添加多个事件:
$(document).ready(function(){ $("p").bind("mouseover mouseout",function(){ $("p").toggleClass("intro"); }); });
bind()使用事件映射来向被选元素添加一些事件/函数:
$(document).ready(function(){ $("button").bind({ click:function(){$("p").slideToggle();}, mouseover:function(){$("body").css("background-color","#E9E9E4");}, mouseout:function(){$("body").css("background-color","#FFFFFF");} }); });
bind()向一个自定义命名的事件处理程序传递数据。
function handlerName(e) { alert(e.data.msg); } $(document).ready(function(){ $("p").bind("click", {msg: "你刚点击了!"}, handlerName) });
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/1027.html