jquery里面的on方法参数

在jQuery中,on()方法是绑定事件处理程序的常用方法之一。通过on()方法,我们可以为某些事件绑定一个或多个处理程序,这些处理程序可以在事件被触发时被执行。

on()方法的常用参数格式为:on(events, selector, data, handler),下面来一一介绍各个参数:

events:要绑定的一个或多个事件名称,多个事件名可以用空格隔开,例如 click keyup;selector:一个可选的字符串,用于过滤出在父元素上的匹配子元素,可以是具体的元素名或者选择器表达式;data:一个可选的对象,它会被传递给处理程序函数作为event.data属性;handler:事件触发时执行的处理程序函数。

当我们只需要绑定一个事件处理程序时,可以简化为on(events, handler)的形式,例如:

$( "#myBtn" ).on( "click", function() {alert( "Button clicked." );});

当我们需要给多个元素绑定同一个事件处理程序时,可以使用selector参数来实现。例如:

$( "#myList" ).on( "click", "li", function() {alert( $( this ).text() );});

此时,li元素上的点击事件只会触发一次处理程序,即使添加了新的元素,也可以受到相同的处理程序影响。

最后值得注意的是,on()方法的handler参数可以被简化为一个包含事件处理函数的对象,例如:

$( "#myList" ).on({click: function() {console.log( "clicked!" );},mouseenter: function() {console.log( "hovered!" );}});

通过这种方式,可以一次性地绑定多个事件处理函数,让代码更加简洁。

jquery里面的on方法参数