浅谈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 相关文章推荐
Prototype使用指南之enumerable.js
Jan 10 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
Jun 15 Javascript
js判断手机和pc端选择不同执行事件的方法
Jan 30 Javascript
浅谈js 闭包引起的内存泄露问题
Jun 22 Javascript
jQuery操作Table技巧大汇总
Jan 23 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
微信小程序用户信息encryptedData详解
Aug 24 Javascript
原生JS 实现的input输入时表格过滤操作示例
Aug 03 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
Nov 01 Javascript
webpack proxy 使用(代理的使用)
Jan 10 Javascript
用vite搭建vue3应用的实现方法
Feb 22 Vue.js
在JavaScript中如何使用宏详解
May 06 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 数组基本操作小结(推荐)
2016/06/13 PHP
js里怎么取select标签里的值并修改
2012/12/10 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
2014/05/28 Javascript
JS的数组迭代方法
2015/02/05 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
Vue.extend构造器的详解
2017/07/17 Javascript
使用JavaScript生成罗马字符的实例代码
2018/06/08 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
2018/11/30 Javascript
vue2.0 实现富文本编辑器功能
2019/05/26 Javascript
nodejs实现聊天机器人功能
2019/09/19 NodeJs
Js代码中的span拼接问题解决
2019/11/22 Javascript
vue data变量相互赋值后被实时同步的解决步骤
2020/08/05 Javascript
Ajax获取node服务器数据的完整步骤
2020/09/20 Javascript
js实现石头剪刀布游戏
2020/10/11 Javascript
详解ES6 扩展运算符的使用与注意事项
2020/11/12 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
2020/12/09 Javascript
python3实现抓取网页资源的 N 种方法
2017/05/02 Python
python 连接sqlite及简单操作
2017/06/30 Python
Python实现的圆形绘制(画圆)示例
2018/01/31 Python
关于pymysql模块的使用以及代码详解
2019/09/01 Python
python飞机大战pygame游戏框架搭建操作详解
2019/12/17 Python
Anaconda+VSCode配置tensorflow开发环境的教程详解
2020/03/30 Python
python删除某个目录文件夹的方法
2020/05/26 Python
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
2012/12/13 HTML / CSS
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
main 函数执行以前,还会执行什么代码
2013/04/17 面试题
可靠的数据流传输TCP
2016/03/15 面试题
经济信息管理专业大学生求职信
2013/09/27 职场文书
员工拓展培训方案
2014/02/15 职场文书
音乐幼师求职信
2014/07/09 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
个人原因辞职信模板
2015/05/13 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书