jQuery事件绑定(三)

原创 2017年01月03日 18:20:55

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

jquery1.4增加,适用所有版本,但官方推荐使用on方法代替delegate方法

使用方法:

$(selector).delegate(childSelector,event,data,function)

     参数:

childSelector: 必需项;需要添加事件处理程序的元素,一般为selector的子元素;

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

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

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

对应解绑方法: undelegate()

<body>

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

<div>div1</div>

</body>

事件绑定代码如下图:


5.事件绑定方法的区别

bind()只能针对已经存在的元素进行事件的设置

live() 、delegate()、on()支持未来新添加元素的事件设置

其他事件绑定方法都是内部调用on来完成的,直接使用on可以提高效率

<body>

<button class="btn2">添加段落</button>

<div>div1</div>

</body>

点击添加段落按钮创建一个新的段落


6.one方法:为所选元素绑定一个仅触发一次的处理函数

one(event,data,function)

event:必需。规定添加到元素的一个或多个事件。

data:可选。规定传递到函数的额外数据。

function:必需。规定当事件发生时运行的函数。

$(".btn2").one("click",function(){

               $("div").append("<p>我是新的段落</p>");

          })

这里没点击一次按钮只会添加一个p标签。

 

jQuery 之 (三)事件绑定、动画效果、封闭ajax、三级联动、插件

事件绑定事件绑定jquery事件的简单操作: $().事件类型(function事件处理); $().事件类型(); jquery事件绑定$().bind(事件类型,function事件处理); $(...
  • znyyjk
  • znyyjk
  • 2016年09月15日 23:10
  • 939

jquery使用bind绑定事件

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

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

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

JQuery绑定事件

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

如何使用Jquery给动态生成的控件绑定事件

前几天有个页面折腾了我半天,我想要实现动态添加html控件,并给新增的控件添加上点击事件,怎么也折腾不好,后来在Jquery官网上看了例子,发现原来可以这样写。示例代码如下。 ...

关于jQuery新的事件绑定机制on()的使用技巧

从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定。因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,j...

jQuery三种事件绑定方式.bind(),.live(),.delegate()

最近研究jQuery ,查看了很多资料,根据资料总结出来一点东西 基础 DOM树 首先,图形化的HTML文档能帮助我们更好的理解。一个简单的HTML页面看起来应该像这样 事件冒泡(也称...

jQuery事件委托( bind() \ live() \ delegate()) [委托 和 绑定的故事]

随着DOM结构的复杂化和Ajax等动态脚本技术的运用,事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现...
  • zc2087
  • zc2087
  • 2012年02月23日 15:38
  • 5560

浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式

浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式 前言   因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到d...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery事件绑定(三)
举报原因:
原因补充:

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