为动态添加的元素绑定事件

本文转载自查看原文 2020-02-18 14:07 203 web前端/ 笔记

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("body").on('click','p',function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

注意1,2代码区别，方式1，后期动态添加的<p>标签是可以点击消失的，方式2不行

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 jQuery对动态添加的元素绑定事件（on()的用法） JavaScript给动态插入的元素添加事件绑定 Jquery 给Js动态新添加的元素绑定的点击事件 jquery html 动态添加元素绑定事件 js动态添加元素绑定事件问题 jquery html动态添加的元素绑定事件详解 jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性 jquery给动态生成的元素绑定事件，on函数 dom元素操作（动态事件绑定）动态生成的dom元素如何绑定事件