使用jQuery给HTML元素绑定click事件
一、使用click()函数绑定事件
click()是jQuery的内置函数,能将click事件绑定到HTML元素上。
例,给id为abc的元素绑定click事件:
$('#abc').click(function() {
alert('点击了abc');
});
这种方式只能对已存在的元素绑定事件,如果添加新元素,而需要给它绑定click事件则会出现问题。通常我们需要采取更为灵活的方式绑定事件。
二、使用on()函数绑定事件
on()函数可以方便地对新添加的元素进行事件绑定。
例如,我们想对所有的 a 元素绑定click事件,代码如下:
$('body').on('click', 'a', function() {
alert('点击了a');
});
这里使用选择器选取了整个body,并且用on()函数将click事件绑定到所有的a元素上。
使用这种方式,无论我们添加多少个a元素,它们都会被绑定上相同的click事件处理函数。
这种方式能够解决方法一不能给新添加的元素动态绑定事件的问题。
我的笔记