浅谈jquery中delegate()与live()
作者:bea
delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序 例如给id是showspan的div中的span标签添加事件 <div id="showspan"><span>showspan**showspan</span></div><span>outspan</span><SCRIPT LANGUAGE="JavaScript"><!--//效果就是点
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创建函数的20种方式汇总
- 使用Node.js实现HTTP 206内容分片的教程
- jquery.gridrotator实现响应式图片展示画廊效果
- 使用JavaScript实现旋转的彩圈特效
- 在Node.js中使用HTTP上传文件的方法
- Js+php实现异步拖拽上传文件
- javascript框架设计之类工厂
- jQuery判断多个input file 都不能为空的例子
- javascript框架设计之浏览器的嗅探和特征侦测
- 简述AngularJS相关的一些编程思想
- javascript框架设计之种子模块
- 在JavaScript的AngularJS库中进行单元测试的方法
- javascript框架设计之框架分类及主要功能
- js的flv视频播放器插件使用方法
- 使用Raygun来自动追踪AngularJS中的异常
- 使用JavaScript的AngularJS库编写hello world的方法
- 浅谈setTimeout 与 setInterval
- 简介可以自动完成UI的AngularJS工具angular-smarty
- javascript中传统事件与现代事件