jq动态绑定点击事件

「爱情、让人受尽委屈。」 2022-05-20 06:16 291阅读 0赞

jq动态添加的元素需要添加点击事件 可用delegate on添加
1.delegate

  1. <div id="box">
  3. </div>
  4. <button type="button" id="addbtn">添加</button>
  6. <script type="text/javascript">
  7.     $(function(){
  8.         //动态创建元素
  9.         $("#addbtn").click(function(){
  10.             var op = "<p class='pp'>添加的P标签</p>"
  11.             $('#box').append(op);
  12.         })
  13.         //绑定点击事件
  14.         $("#box").delegate('.pp','click',function(){
  15.             console.log('点击P标签');
  16.         })
  17.     })
  18. </script>

2.on

  1. <div id="box">
  3. </div>
  4. <button type="button" id="addbtn">添加</button>
  6. <script type="text/javascript">
  7.     $(function(){
  8.         //动态创建元素
  9.         $("#addbtn").click(function(){
  10.             var op = "<p class='pp'>添加的P标签</p>"
  11.             $('#box').append(op);
  12.         })
  13.         //绑定点击事件
  14.         $("#box").on('click','.pp',function(){
  15.             console.log('点击P标签');
  16.         })
  17.     })
  18. </script>

发表评论

表情：
评论列表 （有 0 条评论，291人围观）

还没有评论，来说两句吧...

相关阅读