关于.click(fn)
来源：6-4 事件绑定与取消-one
午炎子栩
2019-08-21 21:46:16
它与 elems.on('click',fn)一样， 有什么好处呢？
click这样的函数，不是纯粹的绑定事件的方法吗？还是说有什么其它意义？
写回答
1回答
-
同学你好，
1、on方法绑定事件，可以绑定很多事件，不只是点击事件哦，也可以是自定义事件。
2、click()方法只是绑定点击事件。
3、对于页面中已经存在的元素执行点击事件，这两种方法从执行效果上是没有区别的。但是动态生成的元素执行点击事件，只能用on可以绑定上。例如：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button class="new" id="newon">On</button> <button class="new" id="newclick">Click</button> <ul class="ul"> </ul> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script> $("#newclick").click(function() { $(".ul").append('<li>click添加的元素<button class="deleteclick">Delete</button></li>'); }); $("#newon").click(function() { $(".ul").append('<li>on添加的元素<button class="deleteon">Delete</button></li>'); }); //on绑定事件可以删除 $(".ul").on('click', ".deleteon", function() { $(this).parent().remove(); }) //click方法删除不了 $(".deleteclick").click(function() { $(this).parent().remove(); }); </script> </body> </html>自己可以测试下代码。
祝学习愉快！
0
相似问题