jQuery事件绑定(三)

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

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

使用方法:

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

参数:

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

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

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

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

对应解绑方法: undelegate()

事件绑定delegate()

div1

事件绑定代码如下图:

5.事件绑定方法的区别

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

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

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

添加段落

div1

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

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

one(event,data,function)

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

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

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

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

$("div").append("

我是新的段落

");

})

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,200评论 19 139
  • 1、 jQuery 能做什么? jquery是一个丰富的js库,内部对js的很多复杂的方法进行了封装和加工,比如j...
    zh_yang阅读 1,431评论 6 13
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,392评论 0 8
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,415评论 0 2
  • 又是一个无聊的日子,我被导师拖去参加一场数学大会,他说会上会有人破解一个千年而来无人能解的问题。 我知道,他总想激...
    你看得见我阅读 486评论 0 1