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使用bind绑定事件

  • 2013-10-21 09:23
  • 55KB
  • 下载

jQuery事件绑定.on()简要概述及应用

一. 事件委托 什么是事件委托?用现实中的理解就是:有100 个学生同时在某天中午收到快递,但这 100 个学生不可能同时站在学校门口等,那么都会委托门卫去收取,然后再逐个交给学生。 而在jQu...

JQuery绑定事件

  • 2011-04-15 10:24
  • 29KB
  • 下载

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

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

jQuery中的事件绑定

在页面加载完毕时,程序可以通过为元素绑定事件完成相应的操作。 在jQuery中,事件绑定通常可以分为为元素绑定事件、移除绑定和绑定一次性事件处理3种情况,下面分别进行介绍。 一 为元素绑定...

jquery移除、绑定、触发元素事件使用示例详解

jquery移除、绑定、触发元素事件使用示例详解 作者: 字体:[增加 减小] 类型:转载 时间:2014-04-10 我要评论 这篇文章主要介绍了jquery移除、绑定、触发元素事件使用示例...

jQuery 给动态元素绑定事件

jQuery 使用on绑定动态生成的元素时,不能直接用该对象操作,而是选择其非动态生成的父节点然后再找到本身才能达到效果。

jQuery绑定事件

jQuery提供了4中事件监听的方式,分别是bind、live、delegate、on,解除监听的函数分别是unbind、die、undelegate、off。bindbind(type,data,f...

解密jQuery事件核心 - 绑定设计(一)

说起jQuery的事件,不得不提一下Dean Edwards大神 addEvent库,很多流行的类库的基本思想从他那儿借来的 jQuery的事件处理机制吸取了JavaScript专家Dean E...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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