jQuery中 bind的用法简单介绍
更新时间：2017年02月13日 13:52:57 作者：qq_34255080
bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。这篇文章主要介绍了jQuery中的 bind用法,需要的朋友可以参考下
bind介绍
bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。
语法
$(selector).bind(event,data,function)
event 必须。添加到元素的一个或多个事件如：click,mouseover,mouseup，change，select
data 可不填。传递到函数的额外数据，如：$(selector).bind(“click”,”input”,function(){});
function(){} 必填。绑定事件触发的函数
bind绑定多个函数
$("button").bind({ // 注意它的格式是 json
click:function(){$("div").css("border","5px solid orange");},
mouseover:function(){$("div").css("background-color","red");},
mouseout:function(){$("div").css("background-color","#FFFFFF");}
});
4.bind绑定数据
// bind() 绑定 click 事件传 参数2 并且打印出 参数2
$('button').bind('click',['路飞','索隆','乌索普'],function(event){
alert(event.data[0]); // 路飞
});
5.unbind bind事件移除
html 代码
<button>unbind()</button> <p>点我删除上边按钮的事件</p>
js 代码
// bind() 绑定多个点击事件
$('button').click(function(){
alert('我是第一个点击事件');
});
$('button').click(function(){
alert('我是第二个点击事件');
});
$('button').bind('click',function(){
alert('我是第三个点击事件');
});
// unbind() 删除点击事件
$('p').bind('click',function(){
$('button').unbind('click');
alert('button 的点击事件被删除');
});
以上所述是小编给大家介绍的jQuery中的 bind用法简单介绍，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
用一个绝对定位的div作为动画滑块,改变它的left属性来呈现动画效果javascript：hover()触发移动鼠标到导航nav的动作，和移出导航nav的动作2013-05-05
下面小编就为大家带来一篇深入理解$.each和$(selector).each。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
这篇文章主要介绍了jQuery插件FusionWidgets实现的Cylinder图效果,结合实例形式分析了jQuery使用FusionWidgets结合swf文件读取xml数据并采用Cylinder图展示的相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
在项目中遇到这样的需求当用户点击编辑时，在点击行下动态产生一行，编辑铵钮变为disabled,新产生的一行有更新和取消的铵钮，点击“取消”铵钮，删除刚刚动态产生的行，编辑铵钮状态恢复。下面小编给大家分享实例代码，一起看看吧2017-03-03
基于jquery实现点击链接弹出层效果，其基本实现原理是这样的：jquery操作DOM元素。对层样式的设置。将display:设置为none;让层隐藏；对jq点击弹出层相关知识感兴趣的朋友一起学习吧2016-01-01
本文通过实例代码告诉大家如何利用jQuery获取file控件中图片的宽高与大小，在我们上传之前就可以检查上传图片的大小，高度，宽度是否适合我们的要求了，下面是关于判断图片的宽高大小的代码。2016-08-08
这篇文章主要为大家详细介绍了jQuery处理XML文件的几种形式方法,如何使用jQuery解析XML，感兴趣的小伙伴们可以参考一下2016-06-06
jQuery获取Radio,CheckBox选择的Value值(示例代码)
这篇文章主要是对jQuery获取Radio,CheckBox选择的Value值进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jquery实现checkbox全选、取消全选的代码。2010-03-03
$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别。下面通过一个示例给大家介绍jQuery中.attr()和.data()的区别，一起看看吧2017-09-09
最新评论