浅谈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 (八) 插播:jQuery实施方案
Feb 23 Javascript
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
jQuery实现仿Google首页拖动效果的方法
May 04 Javascript
针对初学者的jQuery入门指南
Aug 15 Javascript
javascript实现滑动解锁功能
Mar 22 Javascript
JS非行间样式获取函数的实例代码
Jun 05 Javascript
JavaScript中的&quot;=、==、===&quot;区别讲解
Jan 22 Javascript
小程序自定义单页面、全局导航栏的实现代码
Mar 15 Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 Javascript
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
vue实现整屏滚动切换
Jun 29 Javascript
Vue实现图书管理案例
Jan 20 Vue.js
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中两种缩放图片的函数,为图片添加水印
2013/06/14 PHP
ThinkPHP使用smarty模板引擎的方法
2014/07/01 PHP
PHP实现通用alert函数的方法
2015/03/11 PHP
thinkPHP简单调用函数与类库的方法
2017/03/15 PHP
PHP读取XML文件的方法实例总结【DOMDocument及simplexml方法】
2019/09/10 PHP
laravel 获取当前url的别名方法
2019/10/11 PHP
JavaScript的面向对象(二)
2006/11/09 Javascript
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
2011/12/20 Javascript
javascript学习笔记(七) js函数介绍
2012/06/19 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
2014/09/01 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
2015/04/25 Javascript
深入浅析JavaScript中对事件的三种监听方式
2015/09/29 Javascript
JS组件Bootstrap Table使用方法详解
2016/02/02 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
React 使用Hooks简化受控组件的状态绑定
2019/03/18 Javascript
微信小程序 弹窗输入组件的实现解析
2019/08/12 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
[01:02:47]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
wxPython实现列表增删改查功能
2019/11/19 Python
Python使用py2neo操作图数据库neo4j的方法详解
2020/01/13 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
pycharm远程连接服务器并配置python interpreter的方法
2020/12/23 Python
雪花秀美国官方网站:韩国著名草本护肤化妆品品牌
2016/10/19 全球购物
葡萄牙鞋子品牌:Fair
2016/12/10 全球购物
高中数学教师求职信
2013/10/30 职场文书
服装设计行业个人的自我评价
2013/12/20 职场文书
生产车间班组长岗位职责
2014/01/06 职场文书
事业单位绩效考核实施方案
2014/03/27 职场文书
竞选劳动委员演讲稿
2014/04/28 职场文书
民主评议党员自我评价材料
2014/09/18 职场文书
铁人观后感
2015/06/16 职场文书
使用SQL实现车流量的计算的示例代码
2022/02/28 SQL Server
PostgreSQL 插入INSERT、删除DELETE、更新UPDATE、事务transaction
2022/04/12 PostgreSQL