浅谈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 相关文章推荐
解密效果
Jun 23 Javascript
checkbox使用示例
Aug 23 Javascript
js解决弹窗问题实现班级跳转DIV示例
Jan 06 Javascript
node.js中的fs.truncateSync方法使用说明
Dec 15 Javascript
js实现鼠标悬浮给图片加边框的方法
Jan 30 Javascript
javascript实现可全选、反选及删除表格的方法
May 15 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
Aug 03 Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
React降级配置及Ant Design配置详解
Dec 27 Javascript
Vue实现计算器计算效果
Aug 17 Javascript
js实现鼠标切换图片(无定时器)
Jan 27 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
php将fileterms函数返回的结果变成可读的形式
2011/04/21 PHP
iOS自定义提示弹出框实现类似UIAlertView的效果
2016/11/16 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
PHP设计模式之组合模式定义与应用示例
2020/02/01 PHP
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
2013/08/30 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
2016/07/14 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
2016/10/27 Javascript
jQuery实现简单弹窗遮罩效果
2017/02/27 Javascript
vue-cli开发环境实现跨域请求的方法
2018/04/07 Javascript
20招让你的Python飞起来!
2016/09/27 Python
Python多维/嵌套字典数据无限遍历的实现
2016/11/04 Python
python: line=f.readlines()消除line中\n的方法
2018/03/19 Python
python中 * 的用法详解
2019/07/10 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
Python实现一个论文下载器的过程
2021/01/18 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
台湾母婴用品限时团购:妈咪爱
2018/08/03 全球购物
在c#中using和new这两个关键字有什么意义
2013/05/19 面试题
一份软件工程师的面试试题
2016/02/01 面试题
党员党性分析材料
2014/02/17 职场文书
2014年教师节国旗下讲话稿
2014/09/10 职场文书
企业委托书范本
2014/09/13 职场文书
关于销售人员的年终工作总结要点
2019/08/15 职场文书
承诺书应该怎么写?
2019/09/10 职场文书
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技