浅谈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的将桌面应用程序引入浏览器
Nov 19 Javascript
js获取时间(本周、本季度、本月..)
Nov 22 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
js实现日历的简单算法
Jan 24 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
Mar 06 Javascript
js实现三级联动效果(简单易懂)
Mar 27 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
May 10 Javascript
JS实现图片手风琴效果
Apr 17 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
js实现微信聊天界面
Aug 09 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
图书管理程序(三)
2006/10/09 PHP
PHP去除数组中重复的元素并按键名排序函数
2008/08/18 PHP
PHP笛卡尔积实现原理及代码实例
2020/12/09 PHP
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
jQuery EasyUI datagrid实现本地分页的方法
2015/02/13 Javascript
jQuery实现3D文字特效的方法
2015/03/10 Javascript
jquery实现简单的遮罩层
2016/01/08 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
jQuery 实现左右两侧菜单添加、移除功能
2018/01/02 jQuery
vue 双向数据绑定的实现学习之监听器的实现方法
2018/11/30 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
python解析中国天气网的天气数据
2014/03/21 Python
复习Python中的字符串知识点
2015/04/14 Python
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
30秒轻松实现TensorFlow物体检测
2018/03/14 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
美国香薰蜡烛品牌:PADDYWAX
2018/10/06 全球购物
Java如何格式化日期
2012/08/07 面试题
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
护士见习期自我鉴定
2014/02/08 职场文书
解除劳动合同证明书模板
2014/11/20 职场文书
工艺技术员岗位职责
2015/02/04 职场文书
2015毕业实习推荐信
2015/03/23 职场文书
食品安全主题班会
2015/08/13 职场文书
高中物理教学反思
2016/02/19 职场文书
golang interface判断为空nil的实现代码
2021/04/24 Golang
python使用pymysql模块操作MySQL
2021/06/16 Python
win10电脑老是死机怎么办?win10系统老是死机的解决方法
2022/08/05 数码科技