今天在评论插件时候，发现后面追加的元素无法产生点击事件，后面回想起来小刘同学说过有个技巧是可以在
后追加的元素也能触发，翻看了下之前的记录，加上自己领悟，得却onclik不同写法对元素的触发是不一样的
<html>
<head>
<meta charset="utf-8" />
<title>抓取加密</title>
<script src="./jquery.js"></script>
<script>
$(function(){
$(".add").on('click',function(){
$("body").append("<p class='ccc'>点击4</p>");
})
//只有首次加载的样式为.ccc的元素能被触发
$(".ccc").on('click',function(){
alert($(this).html());
})
//样式名为.ccc的元素都能被触发,追加元素也可以
$("body:eq(0)").on('click','.ccc',function(){
alert($(this).html());
})
})
</script>
</head>
<body>
<p class="ccc">点击1</p>
<p class="ccc">点击2</p>
<p class="ccc">点击3</p>
<p class="add">增加一个元素</p>
</body>
扫一扫
511
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
