浅谈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 相关文章推荐
return false;和e.preventDefault();的区别
Jul 11 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
Jan 23 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
Mar 10 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
Aug 26 Javascript
详解Javascript中的Object对象
Feb 28 Javascript
基于jquery实现百度新闻导航菜单滑动动画
Mar 15 Javascript
js控件Kindeditor实现图片自动上传功能
Jul 20 Javascript
jqGrid用法汇总(全经典)
Jun 28 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
微信小程序 引用其他js文件实现代码
Feb 22 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
判断div滑动到底部的scroll实例代码
Nov 15 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
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
PHP设置图片文件上传大小的具体实现方法
2013/10/11 PHP
分享下页面关键字抓取www.icbase.com站点代码(带asp.net参数的)
2014/01/30 PHP
ThinkPHP使用心得分享-上传类UploadFile的使用
2014/05/15 PHP
Linux中为php配置伪静态
2014/12/17 PHP
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
2015/10/25 Javascript
jquery UI Datepicker时间控件的使用方法(终结版)
2015/11/07 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
jquery自定义插件——window的实现【示例代码】
2016/05/06 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
Vue.js中数组变动的检测详解
2016/10/12 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
浅析vue数据绑定
2017/01/17 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
js中let和var定义变量的区别
2018/02/08 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
2019/04/11 Javascript
[01:19:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第二局
2016/03/05 DOTA
简单谈谈Python中的反转字符串问题
2016/10/24 Python
selenium在执行phantomjs的API并获取执行结果的方法
2018/12/17 Python
pandas去除重复列的实现方法
2019/01/29 Python
Python格式化字符串f-string概览(小结)
2019/06/18 Python
PyTorch的torch.cat用法
2020/06/28 Python
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
简短的公司员工自我评价分享
2013/11/13 职场文书
求职简历中的自我评价分享
2013/12/08 职场文书
深入开展党的群众路线教育实践活动方案
2014/02/04 职场文书
十周年庆典策划方案
2014/06/03 职场文书
小学生安全保证书
2015/05/09 职场文书
85句关于理想的名言警句大全
2019/08/22 职场文书
react如何快速设置文件路径别名
2021/04/28 Javascript
MySQL sql_mode修改不生效的原因及解决
2021/05/07 MySQL