浅谈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 相关文章推荐
jQuery Flash/MP3/Video多媒体插件
Jan 18 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
Jquery 动态生成表格示例代码
Dec 24 Javascript
jquery+html5制作超酷的圆盘时钟表
Apr 14 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
Vue 滚动行为的具体使用方法
Sep 13 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
Mar 13 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
利用layer实现表单完美验证的方法
Sep 26 Javascript
详细分析React 表单与事件
Jul 08 Javascript
简单了解three.js 着色器材质
Aug 03 Javascript
解析原生JS getComputedStyle
May 25 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
2006/12/23 PHP
mysql 全文搜索 技巧
2007/04/27 PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
2019/10/03 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
Jquery插件编写简明教程
2014/03/25 Javascript
nodejs 整合kindEditor实现图片上传
2015/02/03 NodeJs
jQuery实现防止提交按钮被双击的方法
2015/03/24 Javascript
javascript事件冒泡实例分析
2015/05/13 Javascript
AngularJS中run方法的巧妙运用
2017/01/04 Javascript
微信小程序 支付简单实例及注意事项
2017/01/06 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
基于AngularJS实现表单验证功能
2017/07/28 Javascript
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
vue中nextTick用法实例
2019/09/11 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
[02:16]卖萌的僵尸 DOTA2神话信使飞僵小宝来袭
2014/03/24 DOTA
[04:26]2014DOTA2国际邀请赛-Newbee顺利进入胜者组决赛 独家专访战神7
2014/07/19 DOTA
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
Python计算回文数的方法
2015/03/11 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
python实现八大排序算法(2)
2017/09/14 Python
Scrapy实现模拟登录的示例代码
2021/02/21 Python
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
ASOS英国官网:英国在线时装和化妆品零售商
2017/05/19 全球购物
慈善晚会策划方案
2014/05/14 职场文书
超市理货员岗位职责
2014/07/04 职场文书
明星员工获奖感言
2014/08/14 职场文书
2014年家长学校工作总结
2014/11/20 职场文书
文明单位创建材料
2014/12/24 职场文书
冲出亚马逊观后感
2015/06/03 职场文书
行政复议决定书
2015/06/24 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
python3美化表格数据输出结果的实现代码
2021/04/14 Python
spring cloud 配置中心客户端启动遇到的问题
2021/09/25 Java/Android
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python