jQuery 事件 - delegate() 方法和on()方法比较

jQuery1.7中 .delegate()已被.on()取代,下面以示例的方式为大家介绍下jQuery中delegate与on的用法与区别,感兴趣的朋友可以参考下

delegate:

当点击鼠标时,隐藏或显示 p 元素:

$("div").delegate("button","click",function(){

$("p").slideToggle();

});

定义和用法

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)

语法

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

参数:

childSelector  必需。规定要附加事件处理程序的一个或多个子元素。

event  必需。规定附加到元素的一个或多个事件。 由空格分隔多个事件值。必须是有效的事件。

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

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

on:

$("table").on("click", "td", function() {

alert("hi");

});

on(events,[selector],[data],fn),参数[selector]是可选,一个选择器字符串用于过滤器的触发事件的选择器元素的后代。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、 jQuery 能做什么? jquery是一个丰富的js库,内部对js的很多复杂的方法进行了封装和加工,比如j...
    zh_yang阅读 5,241评论 6 13
  • 1: 库和框架的区别? 库:库是更多是一个封装好的特定的集合,提供给开发者使用,而且是特定于某一方面的集合(方法和...
    任少鹏阅读 3,122评论 0 2
  • 1、说说库和框架的区别? 库是一个数据仓库,里面放了各种可以利用的API,由于库的内部已经做了各种底层的封装和各种...
    kumabearplus阅读 1,267评论 0 1
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,216评论 0 8
  • 再次经过繁华的街头 蓦然回首 该走的不会留 留下的人不会再走 把手放在心口 抬头仰望 远处燃放的烟火 在扩散成最大...
    赤蛇郎君阅读 2,939评论 0 4