jQuery中的事件委托练习(一)

1.事件委托的基本结构

$(function(){
	// 事件委托:
	// 请别人帮忙做事,然后将做完的结果反馈给我们
	$("button").click(function(){
	   $("ul").append("<li>我是新增的li</li>");
    });
    
    
    // 在jq中,直接遍历,给所有li添加点击事件
    /*$("ul>li").click(function(){
	   console.log($(this).html());
    });*/
   
   // 事件委托delegate
    $("ul").delegate("li","click",function(){
    	console.log($(this).html());
    });
    
    
});

2.事件委托的练习一(弹框)

$(function(){
				
$('a').click(function(){
var $mask = $("<div class=\"mask\">\n"+
                 " <div class=\"login\">\n"+
                "<img src=\"https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2928342431,2801225001&fm=173&app=25&f=JPEG?w=218&h=146&s=4680DAAA4C927CD05A8607A703009005\" />\n"+
              "<span></span>\n" +
                  "</div>\n" + 
                     "</div>");
$("body").append($mask);
$("body").delegate(".login>span","click",function(){
	$mask.remove();
});
return false;
});




});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值