当前位置:首页 > 软件资讯 >

浅谈jquery中delegate()与live()

2020-06-29 20:04:19

  这篇文章主要介绍了浅谈jquery中delegate()与live()的相关资料,需要的朋友可以参考下

  delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序

  例如给id是showspan的div中的span标签添加事件

  

1 2 3 4 5 6 7 8 9 10 <div id="showspan"><span>showspan**showspan</span></div> <span>outspan</span> <script LANGUAGE="Javascript"> <! //效果就是点击一个段落<div id="showspan">中span标签将在span标签后面添加一个span标签,对于新增的span标签同样可以点击新增一个span标签,新增的标签不需要监听其click事件 $("#showspan").delegate("span", "click", function(){ $(this).after("<span>showspan**showspan</span>"); }); //> </script>

  live() 方法为被选元素附加一个或多个事件处理程序(不能给其子元素添加事件)

  例如给p标签添加事件

  

1 2 3 4 5 6 7 8 <p class="showp">pppppppp</p> <script LANGUAGE="Javascript"> <! $(".showp").live("click", function(){ $(this).after("<p>pppppppp</p>"); }); //> </script>

  以上所述就是本文的全部内容了,希望大家能够喜欢。

西安生活网