关于.click(fn)
它与 elems.on('click',fn)一样, 有什么好处呢?
click这样的函数,不是纯粹的绑定事件的方法吗?还是说有什么其它意义?
8
收起
正在回答
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>自己可以测试下代码。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星