​

function handler( event, arg1, arg2 ){

    var html = '<br>触发元素#' + this.id + '的[' + event.type +']事件，额外的函数参数为:' + arg1 + ', ' + arg2;

    $log.append( html );

}

​

var $buttons = $(":button");

​

// 为所有button元素的click事件绑定事件处理函数

$buttons.bind( "click", handler );

​

// 为所有a元素的click、mouseover、mouseleave事件绑定事件处理函数

$("a").bind( "click mouseover mouseleave", handler );

​

​

// 触发所有button的click事件

$buttons.trigger("click"); 

/*(追加文本)

触发元素#btn1的[click]事件，额外的函数参数为:undefined, undefined

触发元素#btn2的[click]事件，额外的函数参数为:undefined, undefined

*/

​

​

$("#btn1").trigger("click", "CodePlayer");

/*(追加文本)

触发元素#btn1的[click]事件，额外的函数参数为:CodePlayer, undefined

*/

​

// arg1 = "张三"， arg2 = 20

$("a").trigger("mouseover", ["张三", 20 ] );

/*(追加文本)

触发元素#a1的[mouseover]事件，额外的函数参数为:张三, 20

*/

​

​

$("a").trigger("mouseleave", { name: "张三", age: 18 } );

/*(追加文本)

触发元素#a1的[mouseleave]事件，额外的函数参数为:[object Object], undefined

*/