您的位置：首页 > 编程技术 > js  >  jQuery中 bind的用法简单介绍

jQuery中 bind的用法简单介绍

 更新时间：2017年2月19日 10:00  点击：2316

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用法简单介绍，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

[!--infotagslink--]

相关文章

  • jQuery绑定事件监听bind和移除事件监听unbind用法实例详解

    这篇文章主要介绍了jQuery绑定事件监听bind和移除事件监听unbind用法,结合实例形式详细分析了绑定事件监听bind和移除事件监听unbind的具体使用技巧与相关注意事项,需要的朋友可以参考下...2016-01-21

  • angularjs中ng-bind-html的用法总结

    这篇文章主要介绍了angularjs中ng-bind-html的用法总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2017-05-27

  • jq checkbox 的全选并ajax传参的实例

    下面小编就为大家带来一篇jq checkbox 的全选并ajax传参的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2017-04-03

  • jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解

    这篇文章主要介绍了jQuery中bind(),live(),delegate(),on()绑定事件方法,结合实例形式详细分析了bind(),live(),delegate(),on()方法绑定事件的具体使用技巧,并对比分析了四种方式的异同点,需要的朋友可以参考下...2016-01-21

  • 实例解析jQuery中如何取消后续执行内容

    本文主要介绍了jQuery中取消后续执行内容的实例，代码通俗易懂。需要的朋友来看下吧...2016-12-02

  • window.onerror()的用法与实例分析

    目前在做window.onerror时上报js错误信息的事，整理下相关资料,需要的朋友可以参考下...2016-01-29

  • 利用JQuery阻止事件冒泡

    冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。本文主要介绍JQuery阻止事件冒泡的实例解析。需要的朋友来看下吧 ...2016-12-02

  • Sort()函数的多种用法

    sort() 方法用于对数组的元素进行排序。接下来通过本文给大家介绍Sort()函数的多种用法，对sort函数的用法相关知识感兴趣的朋友一起学习...2016-03-22

  • DIV+CSS+jQ实现省市联动可扩展

    这篇文章主要介绍了DIV+CSS+jQ实现省市联动可扩展方法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下...2016-06-24

  • Mysql inner join on的用法实例(必看)

    下面小编就为大家带来一篇Mysql inner join on的用法实例(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2017-04-03

  • jQuery中 bind的用法简单介绍

    bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。这篇文章主要介绍了jQuery中的 bind用法,需要的朋友可以参考下...2017-02-19

  • 基于jQuery实现点击弹出层实例代码

    基于jquery实现点击链接弹出层效果，其基本实现原理是这样的：jquery操作DOM元素。对层样式的设置。将display:设置为none;让层隐藏；对jq点击弹出层相关知识感兴趣的朋友一起学习吧...2016-01-05

  • 老生常谈MYSQL模式匹配 REGEXP和like的用法

    下面小编就为大家带来一篇老生常谈MYSQL模式匹配 REGEXP和like的用法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2017-04-03

  • 浅谈javascript中的call、apply、bind

    这篇文章主要为大家详细介绍了javascript中的call、apply、bind方法，感兴趣的朋友可以参考一下...2016-03-09

  • jQuery siblings()用法实例详解

    siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。接下来通过本文给大家介绍jQuery siblings()用法实例详解，需要的朋友参考下吧...2016-04-27

  • jquery中live()方法和bind()方法区别分析

    这篇文章主要介绍了jquery中live()方法和bind()方法区别,结合实例形式简单分析了live()方法和bind()方法的功能、使用方法与用法区别,需要的朋友可以参考下...2016-06-24

  • 关于Javascript回调函数的一个妙用

    相信在刚开始学习JavaScript的时候，很多人感到最困惑的就是回调函数了。本文通过一个小小的例子来分析回调函数的用法。对大家学习Javascript回调函数很有帮助，有需要的可以来参考学习。...2016-09-01

  • JS中setTimeout的巧妙用法前端函数节流

    这篇文章主要介绍了JS中setTimeout的巧妙用法前端函数节流 的相关资料,需要的朋友可以参考下...2016-03-28

  • jQuery中trigger()与bind()用法分析

    这篇文章主要介绍了jQuery中trigger()与bind()用法,结合实例形式分析了trigger()与bind()的功能、定义及具体使用技巧,需要的朋友可以参考下...2015-12-21

  • 详解Jquery实现ready和bind事件

    这篇文章主要为大家详细介绍了Jquery实现ready和bind事件的相关资料，感兴趣的小伙伴们可以参考一下...2016-04-17