jQuery事件绑定(二)

原创 2017年01月03日 18:02:47

二、bind方法:向匹配元素添加一个或多个事件处理程序

自从jquery1.7之前比较推崇,在jquery1.7之后就用on()来代替。

使用方法:

$(selector).bind(event,data,function)

参数:

event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等;

data:可选;需要传递的参数

function:必需;当绑定事件发生时,需要执行的函数;

对应解绑方法:unbind()

举例说明

这里我们创建了一个按钮和一个div

<body>

<button class="btn1">事件绑定bind()</button>

<div>div1</div>

</body>

事件绑定代码如下图


.live方法:向匹配元素添加一个或多个事件处理程序

jquery1.3增加live方法,在jquery1.9中已经移除。目前最好不要使用该方法

使用方法

$(selector).live(event,data,function)

参数:

event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等;

data:可选;需要传递的参数;

function:必需;当绑定事件发生时,需要执行的函数;

对应解绑方法: die()

同样我们创建了一个按钮和一个div

<body>

<button class="btn1">事件绑定bind()</button>

<div>div1</div>

</body>

事件绑定方法如下图


jquery事件绑定解绑机制源码分析

引子为什么Jquery能实现不传回调函数也能解绑事件?jquery是怎么实现的?是有特别的编程技巧还是使用了缓存?缓存是如何实现的...
  • ruangong1203
  • ruangong1203
  • 2016年09月18日 19:26
  • 1337

jQuery事件绑定原理(1)

jQuery事件处理机制能帮我们处理那些问题? 解决浏览器事件兼容问题 可以在一个事件类型上添加多个事件处理函数,可以一次添加多个事件类型的事件处理函数 提供了常用事件的便捷方法 支持自定义事件 扩展...
  • sysuzhyupeng
  • sysuzhyupeng
  • 2017年05月28日 15:56
  • 1000

浅谈jQuery代码优化之事件委托(事件绑定)——bind()|live()|delegate()|on()|off()|one()方法

jQuery 1.7开始,on()方法提供绑定事件处理程序所需的所有功能,是 bind()、live() 和 delegate() 方法的新的替代品。live() 方法在 jQuery 版本 1.7 ...
  • zhouziyu2011
  • zhouziyu2011
  • 2016年12月30日 20:39
  • 542

jQuery的事件绑定与事件委托

在用jQuery的事件绑定时,会用到on()、bind()、live()、 delegate()这几个方法,但对他们的区别缺从未注意过,现稍总结一下,如有错误,欢迎指正。       参考文档: h...
  • aiolos1111
  • aiolos1111
  • 2016年07月28日 13:42
  • 6024

jquery on绑定多个事件

一、jquery为多个选择器绑定同一个事件 $("#start,#end").on("click",function(){     alert("The paragraph was clicked."...
  • sinat_36146776
  • sinat_36146776
  • 2016年12月22日 10:15
  • 2330

jquery绑定click事件失败解决办法

$(".classname").on('click', function(){ do some thing... }); 当绑定的事件为js生成的html时,click事件失效,解决办法 在外...
  • zkg510168343
  • zkg510168343
  • 2014年12月16日 20:56
  • 720

jquery on 动态绑定点击事件

jQuery on()方法绑定动态元素的点击事件无响应的解决办法 作者:山档子 字体:[增加 减小] 类型:转载 时间:2016-07-07 我要评论 这篇文章主要介绍了jQuery ...
  • zhoulovelian
  • zhoulovelian
  • 2016年07月29日 10:18
  • 271

jquery on事件jquery on实现绑定多个事件

on(events,[selector],[data],fn) 概述 在选择元素上绑定一个或多个事件的事件处理函数。on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。 在jQue...
  • pangchengyong0724
  • pangchengyong0724
  • 2016年11月16日 14:23
  • 6697

JQuery1.8版本如何判断是否绑定事件

On previous versions, you could call it like for other data :
  • limlimlim
  • limlimlim
  • 2014年07月10日 15:37
  • 2586

jQuery事件绑定on()、bind()与delegate() 方法详解

jQuery的事件绑定api页面上,提到live()方法已经过时,不建议使用。所以这里我们主要就看下以下三个方法:bind()、delegate()、on() 我们准备一个html页面,用于各种...
  • qq_29849641
  • qq_29849641
  • 2016年04月26日 19:42
  • 560
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery事件绑定(二)
举报原因:
原因补充:

(最多只允许输入30个字)