on() 方法优势1:可以绑定多个事件,多个处理事件处理程序。
$(“input”).on({
focus: function(){},
blur: function(){}
});
如果事件处理程序相同
$(“div”).on(“focus blur”, function() {
$(this).toggleClass(“current”);
});
on() 方法优势2:可以事件委派操作 。事件委派的定义就是,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素。
$('ul').on('click', 'li', function() {
alert('事件委派操作');
});
on() 方法优势3:动态创建的元素,click() 没有办法绑定事件, on() 可以给动态生成的元素绑定事件
$(“div").on("click",”p”, function(){
alert("我可以给动态生成的元素绑定事件")
});
$("div").append($("<p>我是动态创建的p</p>"));