简单案例:jQuery获取动态生成的元素

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>jQuery on()方法测试</title>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
</head>
<body>
<button id="click1">Click me!</button>
<div id="demo">Hello,</div>
<script type="text/javascript">

$("#click1").bind("click",function(){
$("#demo").append("<div class='new'><b>I'm clicked!</b></div>");
});

//on方法要先找到原选择器(p),再找到动态添加的选择器(.new)
$("#demo").on("click",".new",function(){
$(this).remove();
});
</script>
</body>
</html>
Array ( [baidu_xzh_push] => realtime )

写一条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注