浅谈jquery中delegate()与live()

 　　这篇文章主要介绍了浅谈jquery中delegate()与live()的相关资料,需要的朋友可以参考下

　　delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序

　　例如给id是showspan的div中的span标签添加事件

　　?

1
2
3
4
5
6
7
8
9
10

<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标签添加事件

　　?

1
2
3
4
5
6
7
8

<p class="showp">pppppppp</p>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(".showp").live("click", function(){
$(this).after("<p>pppppppp</p>");
});
//-->
</SCRIPT>

　　以上所述就是本文的全部内容了，希望大家能够喜欢。

时间： 2024-10-18 23:44:34

浅谈jquery中delegate()与live()的相关文章

浅谈jquery中delegate()与live()_jquery

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序 例如给id是showspan的div中的span标签添加事件 <div id="showspan"><span>showspan**showspan</span></div> <span>outspan</span> <SCRIPT LANGUAGE="JavaScript"> <!--

浅谈jQuery 中的事件冒泡和阻止默认行为_jquery

1.事件冒泡 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+reque

浅谈jQuery中ajaxPrefilter的应用_jquery

jQuery的定义了一个ajax过滤器ajaxPrefilter,通过该过滤器可以过滤通过jQuery相应的ajax函数发送的ajax请求. 在项目中,很多地方存在指定开始时间.结束时间来获取该时间区间内某些值随时间变化的过程线的需求,我们可以定义一个通用的ajaxPrefilter来过滤所有ajax请求,当开始时间超过结束时间的时候,便将该ajax请求abort. $.ajaxPrefilter(function (options, originalOptions, jqXHR) { //tm

浅谈Jquery中Ajax异步请求中的async参数的作用_jquery

之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html <a href="javascript:void(0)" onmouseover="testAsync()"> asy.js function testAsync{ var temp; $.ajax({ async: false, type : "GET", url : 'tet.php', complete: functi

浅谈jQuery中Ajax事件beforesend及各参数含义_jquery

Ajax会触发很多事件. 有两种事件,一种是局部事件,一种是全局事件: 局部事件:通过$.ajax来调用并且分配. $.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: function(){ // Handle the complete event } // ... }); 全局事件,可以用bind来绑定,用unbind来取消绑定.这个跟click/mousedown/keyup等事件类似.但他

浅谈jQuery中的eq()与DOM中element.[]的区别_jquery

如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a class="a">#1</a> <a class="a">#2</a>

浅谈jQuery中的checkbox问题_jquery

一开始的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>复选框</title> <script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script> <script t

浅谈jquery中的each方法$.each、this.each、$.fn.each_jquery

jquery.each 方法 方法一 $("img").each(function(i,elem){ // i 下标 从零开始, // elem == this // $(elem).toggleClass("example"); $(this).toggleClass("example"); }); 方法二 $.each([1,2,3,4],function(){ //$(this)==数组中的每一个数组(如果数组是对象,就是对象) }); 方

浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别_jquery

hide和fadeOut 显示效果有什么区别? show和fadeIn显示效果都一样? 很多朋友在学习jQuery的时候 会遇到这个问题 ,hide和 fadeOut都可以带有参数: $(selector).hide(speed,callback); $(selector).fadeOut(speed,callback); 首先我们从名字上就可以看出 hide是隐藏而fadeOut是淡出,当然名字不能看出具体的区别,只能体现他们是不同的而已.但是当我们把参数 speed 设置稍微长一些就可以看出