浅谈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 相关文章推荐
ImageFlow可鼠标控制图片滚动
Jan 30 Javascript
js实现下拉框选择要显示图片的方法
Feb 16 Javascript
JavaScript实现Iterator模式实例分析
Jun 09 Javascript
jQuery中$(function() {});问题详解
Aug 10 Javascript
实现非常简单的js双向数据绑定
Nov 06 Javascript
深入解析JavaScript中的立即执行函数
May 21 Javascript
纯css下拉菜单 无需js
Aug 15 Javascript
文件上传的几个示例分享【推荐】
Dec 16 Javascript
canvas实现弧形可拖动进度条效果
May 11 Javascript
vue+elementUi图片上传组件使用详解
Aug 20 Javascript
在layui下对元素进行事件绑定的实例
Sep 06 Javascript
用几道面试题来看JavaScript执行机制
Apr 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
详解php比较操作符的安全问题
2015/12/03 PHP
使javascript也能包含文件
2006/10/26 Javascript
jQuery控制iFrame(实例代码)
2013/11/19 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
2015/04/30 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
原生js实现网页顶部自动下拉/收缩广告效果
2017/01/20 Javascript
Angular多选、全选、批量选择操作实例代码
2017/03/10 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
JavaScript类的继承方法小结【组合继承分析】
2018/07/11 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
详解vue中localStorage的使用方法
2018/11/22 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
python实现从ftp服务器下载文件的方法
2015/04/30 Python
django使用html模板减少代码代码解析
2017/12/12 Python
Python多线程编程之多线程加锁操作示例
2018/09/06 Python
python树莓派红外反射传感器
2019/01/21 Python
通过python实现随机交换礼物程序详解
2019/07/10 Python
python在openstreetmap地图上绘制路线图的实现
2019/07/11 Python
python爬虫刷访问量 2019 7月
2019/08/01 Python
Keras实现将两个模型连接到一起
2020/05/23 Python
python如何编写win程序
2020/06/08 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
HTML5新标签兼容——&gt; 的两种方法
2018/09/12 HTML / CSS
优秀教师工作感言
2014/02/16 职场文书
知识竞赛主持词
2014/03/26 职场文书
新课培训心得体会
2014/09/03 职场文书
2014年辅导员工作总结
2014/11/18 职场文书
老公保证书
2015/01/17 职场文书
李白故里导游词
2015/02/12 职场文书
2015年员工工作总结范文
2015/04/08 职场文书
铁人纪念馆观后感
2015/06/16 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers