浅谈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的过滤器.filter()方法想到的
Sep 29 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
May 14 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
javascript数据结构与算法之检索算法
Apr 04 Javascript
javascript实现简单的鼠标拖动效果实例
Apr 10 Javascript
jQuery关键词说明插件cluetip使用指南
Apr 21 Javascript
JS实现简单的tab切换选项卡效果
Sep 21 Javascript
js实现图片360度旋转
Jan 22 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
Aug 06 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
Nov 28 Javascript
vue实现简单图片上传
Jun 30 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
VOLVO车载收音机
2021/03/02 无线电
php静态文件返回304技巧分享
2015/01/06 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
PHP单例模式应用示例【多次连接数据库只实例化一次】
2018/12/18 PHP
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
javascript dom代码应用 简单的相册[firefox only]
2010/06/12 Javascript
jQuery实用基础超详细介绍
2013/04/11 Javascript
全面理解面向对象的 JavaScript(来自ibm)
2013/11/10 Javascript
jQuery实现简单的列表式导航菜单效果代码
2015/08/31 Javascript
jquery+css实现动感的图片切换效果
2015/11/25 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
js前端解决跨域问题的8种方案(最新最全)
2016/11/18 Javascript
jQuery中页面返回顶部的方法总结
2016/12/30 Javascript
jQuery监听浏览器窗口大小的变化实例
2017/02/07 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
2018/09/30 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
2019/06/10 Javascript
layui表格 列自动适应大小失效的解决方法
2019/09/06 Javascript
countup.js实现数字动态叠加效果
2019/10/17 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
JavaScript实现前端倒计时效果
2021/02/09 Javascript
使用Python保存网页上的图片或者保存页面为截图
2016/03/05 Python
Python三级菜单的实例
2017/09/13 Python
Python中装饰器高级用法详解
2017/12/25 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
如何利用cmp命令比较文件
2013/09/23 面试题
什么是GWT的Module
2013/01/20 面试题
新年主持词
2014/03/27 职场文书
安全横幅标语
2014/06/09 职场文书
经济管理自荐书
2014/06/09 职场文书
团队执行力培训心得体会
2015/08/15 职场文书
《童年的发现》教学反思
2016/02/18 职场文书
汉语拼音教学反思
2016/02/22 职场文书
Python+Appium自动化测试的实战
2021/06/30 Python