很疑惑,求分享看法
很疑惑,看到这里一知半解的,点击两个按钮都会新产生两个p,效果没看出有什么不一样啊,有同学阔以讲解一下吗?
很疑惑,看到这里一知半解的,点击两个按钮都会新产生两个p,效果没看出有什么不一样啊,有同学阔以讲解一下吗?
2018-08-29
首先,看代码,
//给页面上2个p元素都绑定事件
$('p').click(function(e) {
alert(e.target.innerHTML)
})
$("button:first").click(function() {
var p = $("p:first").remove();
p.css('color','red').text('p1通过remove处理后,点击该元素,事件丢失')
$("body").append(p);
});
$("button:last").click(function() {
var p = $("p:first").detach();
p.css('color','blue').text('p2通过detach处理后,点击该元素事件存在')
$("body").append(p);
});
第一步使用jQuery给p绑定了一个点击事件,在你点击按钮之前先点一下p文本会有弹框出现,
然后你再点击第一个按钮的时候调用了remove()函数, 将第一个p标签删除并转移到下面,再次点击会发现失去了点击效果,
其次再点击第二个按钮,回去调用detach()函数, 将上面剩下的p标签删除并转移到下面,点击时会发现点击事件还在
举报