关于$('p').click(function(e) { alert(e.target.innerHTML) })
不是很理解
$('p').click(function(e) {
alert(e.target.innerHTML)
})
这个行代码的作用,是为了证明remove()和detacg()不同的删除节点?那为什么上一节也要加上这个事件呢
不是很理解
$('p').click(function(e) {
alert(e.target.innerHTML)
})
这个行代码的作用,是为了证明remove()和detacg()不同的删除节点?那为什么上一节也要加上这个事件呢
2018-12-26
$('p').click(function(e) { alert(e.target.innerHTML) }) $("button:first").click(function() { var k = $("p:first").remove(); k.css('color','red').text('p1通过remove处理后,点击该元素,事件丢失') $("body").append(k); }); $("button:last").click(function() { var k = $("p:first").detach(); k.css('color','blue').text('p2通过detach处理后,点击该元素事件存在') $("body").append(k); });
那段代码的意思是给p绑定事件,点击p标签的内容会弹出内容,若不是p标签的内容,就不会弹出内容,反过来说明该内容不是p标签的。
这么说吧,点击了remove按钮后出现的内容其实是
<body > p1通过remove处理后,点击该元素,事件丢失</body>
点击那段红字是不后悔弹出内容的,说明p标签不在,被删除了。
点击的了detach按钮出现的内容是
<body><p>p2通过detach处理后,点击该元素事件存在</p></body>
点击蓝字会弹出内容,说明p标签还在。
举报