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>

事件绑定方法如下图


相关文章推荐

ExtJs4入门之二: 事件绑定 , 与jQuery的简单混用

一: 混用js顺序 jsp js/jquery-1.7.1.min.js"> extjs/resources/css/ext-all.css" /> extjs/ext-all-deb...

jquery使用bind绑定事件

  • 2013年10月21日 09:23
  • 55KB
  • 下载

JQuery中4种事件绑定的区别

只要一提到JQuery事件的绑定,第一时间就会想起bind()方法。孤陋寡闻的我今天听同事提起,才来自己研究了下,发现共有四种事件绑定的方法,分别是:bind(),live(),delegate()和...
  • cozia
  • cozia
  • 2016年09月01日 20:22
  • 8361

JQuery绑定事件

  • 2011年04月15日 10:24
  • 29KB
  • 下载

jquery动态添加元素无法触发绑定的事件的解决方案。

最近遇到一个问题,即当用jquery动态添加元素后,发现给动态添加的元素却无法触发事件。后来在网上查阅了一些资料,发现原来要这样处理:  先上我出错的代码:    ...

关于jQuery绑定事件会叠加的解决和心得总结

关于jQuery绑定事件会叠加的解决和心得总结

深入理解jquery新的绑定事件机制on方法的使用

jQuery 推出on()的目的有2个,一是为了统一接口,二是为了提高性能,所以从现在开始用on()替换bind(), live(), delegate吧。尤其是不要再用live()了,因为它已经处于...
  • cometwo
  • cometwo
  • 2016年02月27日 18:19
  • 1563

jquery如何给对象动态添加属性以及选择器、事件的绑定

在工作用要用到给jd对象动态添加属性的要求,在网上找到了一种解决方式,实例如下: 1、demo var aa="maker"; var bb=123; var lists={}; eval("list...
  • QH_JAVA
  • QH_JAVA
  • 2016年12月28日 11:27
  • 2822

jquery动态添加元素绑定事件学习记录

一、绑定事件 动态添加元素绑定事件,原理是事件委托,就是说jquery将事件绑定到动态生成元素的父元素身上(直到root 根元素均可监听、触发事件),父元素则根据事件目标来判断是否与绑定的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery事件绑定(二)
举报原因:
原因补充:

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