浅谈jquery中delegate()与live()


Posted in Javascript onJune 22, 2015

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序
例如给id是showspan的div中的span标签添加事件

<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标签添加事件

<p class="showp">pppppppp</p>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(".showp").live("click", function(){
   $(this).after("<p>pppppppp</p>");
});
//-->
</SCRIPT>

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

Javascript 相关文章推荐
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
Jun 14 Javascript
javascript实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
May 19 Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 Javascript
js中自定义方法实现停留几秒sleep
Jul 11 Javascript
深入浅析JavaScript中的constructor
Apr 19 Javascript
AngularJS基础 ng-if 指令用法
Aug 01 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
ionic实现下拉刷新载入数据功能
May 11 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
jquery 中ajax执行的优先级
Jun 22 #Javascript
jquery中ready()函数执行的时机和window的load事件比较
Jun 22 #Javascript
jquery中toggle函数交替使用问题
Jun 22 #Javascript
浅谈js 闭包引起的内存泄露问题
Jun 22 #Javascript
js闭包所用的场合以及优缺点分析
Jun 22 #Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
Jun 22 #Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 #Javascript
You might like
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
PHP4与PHP5的时间格式问题
2008/02/17 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
Prototype 学习 工具函数学习($方法)
2009/07/12 Javascript
精通Javascript系列之数值计算
2011/06/07 Javascript
document.getElementById获取控件对象为空的解决方法
2013/11/20 Javascript
jquery xMarquee实现文字水平无缝滚动效果
2014/04/29 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
2015/07/31 Javascript
Angularjs实现多个页面共享数据的方式
2016/03/29 Javascript
javascript jquery对form元素的常见操作详解
2016/06/12 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
js初始化验证实例详解
2016/11/26 Javascript
jQuery表单元素选择器代码实例
2017/02/06 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
vue的状态管理模式vuex
2017/11/30 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
Vue的编码技巧与规范使用详解
2019/08/28 Javascript
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
python正则表达式面试题解答
2020/04/28 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
Python tensorflow实现mnist手写数字识别示例【非卷积与卷积实现】
2019/12/19 Python
Python pandas 列转行操作详解(类似hive中explode方法)
2020/05/18 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
谈谈python垃圾回收机制
2020/09/27 Python
python中用ggplot绘制画图实例讲解
2021/01/26 Python
Spartoo瑞典:鞋子、包包和衣服
2018/09/15 全球购物
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
党课学习思想汇报
2014/01/02 职场文书
上课迟到检讨书
2014/02/19 职场文书
《雷鸣电闪波尔卡》教学反思
2014/02/23 职场文书
对祖国的寄语大全
2014/04/11 职场文书
奥巴马获胜演讲稿
2014/05/15 职场文书
文明社区申报材料
2014/08/21 职场文书
创业计划书之情侣餐厅
2019/09/29 职场文书