浅谈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写一个字符串转成驼峰的实例
Jun 21 Javascript
简述AngularJS的控制器的使用
Jun 16 Javascript
javascript实现网站加入收藏功能
Dec 16 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
Javascript中判断一个值是否为undefined的方法详解
Sep 28 Javascript
深入理解jQuery.data() 的实现方式
Nov 30 Javascript
JavaScript中的工厂函数(推荐)
Mar 08 Javascript
详解Vue中过度动画效果应用
May 25 Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 Javascript
浅谈Vue 性能优化之深挖数组
Dec 11 Javascript
vue项目从node8.x升级到12.x后的问题解决
Oct 25 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
Oct 24 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 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
Zend Studio去除编辑器的语法警告设置方法
2012/10/24 PHP
php不允许用户提交空表单(php空值判断)
2013/11/12 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
PHP IDE phpstorm 常用快捷键
2015/05/18 PHP
PHP并发多进程处理利器Gearman使用介绍
2016/05/16 PHP
PHP7新增运算符用法实例分析
2016/09/26 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
PHP代码加密的方法总结
2020/03/13 PHP
js螺旋动画效果的具体实例
2013/11/15 Javascript
js验证输入是否为手机号码或电话号码示例
2013/12/30 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
解读Bootstrap v4 sass设计
2016/05/29 Javascript
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
基于JS实现移动端左滑删除功能
2017/07/28 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
2017/09/18 Javascript
vue3.0中的双向数据绑定方法及优缺点
2019/08/01 Javascript
Array.filter中如何正确使用Async
2020/11/04 Javascript
[01:02:06]LGD vs Mineski Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
[35:29]Secret vs VG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
django框架使用views.py的函数对表进行增删改查内容操作详解【models.py中表的创建、views.py中函数的使用,基于对象的跨表查询】
2019/12/12 Python
python模拟哔哩哔哩滑块登入验证的实现
2020/04/24 Python
python在地图上画比例的实例详解
2020/11/13 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
美国瑜伽品牌:Gaiam
2017/10/31 全球购物
欧洲顶级体育电子商务网站:SportsShoes.com
2018/03/27 全球购物
Strawberrynet草莓网新加坡站:护肤、彩妆、香水及美发产品
2018/08/31 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
UDP协议功能
2013/01/06 面试题
营销总监岗位职责范本
2014/02/26 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
2014党的群众路线教育实践活动总结材料
2014/10/31 职场文书
学前班幼儿评语大全
2014/12/29 职场文书
《群青的幻想曲》京力秋树角色PV公开
2022/04/08 日漫