现在的位置: 网页制作教程网站制作教程 >正文
JS特效教程

jquery的bind()的使用方法

发表于2018/7/26 网站制作教程 0条评论 ⁄ 热度 1,874℃

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)
});
  • 暂无评论