浅谈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 06 Javascript
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
Sep 15 Javascript
javascript中怎么做对象的类型判断
Nov 11 Javascript
再谈Jquery Ajax方法传递到action(补充)
May 12 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 Javascript
使用原生js+canvas实现模拟心电图的实例
Sep 20 Javascript
基于Koa2写个脚手架模拟接口服务的方法
Nov 27 Javascript
微信小程序实现点击卡片 翻转效果
Sep 04 Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 Javascript
在vue中使用Base64转码的案例
Aug 07 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 &amp;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
收集的二十一个实用便利的PHP函数代码
2010/04/22 PHP
joomla内置的表单验证功能使用方法
2010/06/11 PHP
PHP5.2中PDO的简单使用方法
2016/03/25 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
Laravel 5.4因特殊字段太长导致migrations报错的解决
2017/10/22 PHP
PHP大文件切割上传并带进度条功能示例
2019/07/01 PHP
javascript 对象的定义方法
2007/01/10 Javascript
js玩一玩WSH吧
2007/02/23 Javascript
JS字符串截取函数实例
2013/12/27 Javascript
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
javascript制作网页图片上实现下雨效果
2015/02/26 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
原生js实现水平方向无缝滚动
2017/01/10 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
2017/04/12 Javascript
基于JavaScript实现飘落星星特效
2017/08/10 Javascript
JS中offset和匀速动画详解
2018/02/06 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
微信小程序实现手指拖动选项排序
2020/04/22 Javascript
通过实例解析jQ Ajax操作相关原理
2020/09/23 Javascript
[56:17]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
python获取android设备的GPS信息脚本分享
2015/03/06 Python
python使用电子邮件模块smtplib的方法
2016/08/28 Python
python3 遍历删除特定后缀名文件的方法
2018/04/23 Python
Python线程指南分享
2019/11/19 Python
Python常用模块logging——日志输出功能(示例代码)
2019/11/20 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
python使用OpenCV模块实现图像的融合示例代码
2020/04/10 Python
事业单位人员的自我评价范文
2014/09/21 职场文书
2014年圣诞节寄语
2014/12/08 职场文书
2015年个人思想总结
2015/03/09 职场文书
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
SpringBoot生成License的实现示例
2021/06/16 Java/Android
mysql timestamp比较查询遇到的坑及解决
2021/11/27 MySQL
Python中的嵌套循环详情
2022/03/23 Python