為動態添加的元素綁定事件

本文轉載自查看原文 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給動態添加的元素綁定事件動態添加的html元素綁定事件的方法 jQuery給動態添加的元素綁定事件的方法關於 jquery html 動態添加的元素綁定事件——On() jquery給動態添加的dom元素綁定事件 jQuery給動態添加的元素綁定事件的方法 jQuery給動態添加的元素綁定事件的方法 js動態添加的元素綁定事件 jQuery對動態添加的元素綁定事件（on()的用法） JavaScript給動態插入的元素添加事件綁定