bind()方法为选定的元素添加一个或多个事件处理程序,并指定事件发生时要运行的函数。本文主要介绍jQuery中bind的使用,有需要的朋友可以参考一下。
bind介绍
bind()方法为选定的元素添加一个或多个事件处理程序,并指定事件发生时要运行的函数。
语法
$(选择器)。绑定(事件、数据、函数)
事件是必需的。向元素添加一个或多个事件,如单击、鼠标悬停、鼠标抬起、更改、选择。
不要填写数据。传递给函数的额外数据,比如:$(选择器)。bind ("click "," input ",function(){ });
函数(){}是必需的。由绑定事件触发的函数
Bind绑定多个函数。
$('button ')。bind({ //注意它的格式是json
click:function(){$('div ')。css('边框',' 5px实橙');},
mouseover:function(){$('div ')。css('背景色','红色');},
mouseout:function(){$('div ')。css('background-color ',' # FFFFFF ');}
});
4.bind绑定数据
//bind()绑定click事件传递参数2,并打印出参数2。
$('button ')。bind('click ',[' Luffy ',' Sauron ',' Wu '],function(event){
alert(event . data[0]);//路飞
});
5.unbind bind事件移除
Html代码
buttonunbind()/button
单击我删除顶部按钮的事件/p
javascript,javascript
//bind()绑定多个click事件。
$('button ')。单击(函数(){
Alert('我是第一个点击事件');
});
$('button ')。单击(函数(){
Alert('我是第二次点击事件');
});
$('button ')。bind('click ',function(){
Alert('我是第三次点击事件');
});
//unbind()删除click事件。
$('p ')。bind('click ',function(){
$('button ')。取消绑定(“单击”);
Alert(“按钮的单击事件被删除”);
});
以上是对边肖介绍的jQuery中绑定用法的简单介绍。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。非常感谢您对我们网站的支持!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。