jquery trigger方法 jQuery trigger() 方法

jquery trigger方法

jQuery trigger() 方法用于触发指定元素上的指定事件，并执行相应的事件处理函数。该方法可以触发已经在元素上绑定的事件，也可以触发浏览器默认行为。

$(selector).trigger(event, [data])  // event 参数是必须的，data 参数是可选的

trigger() 方法有两个重要的用途：一是手动触发已经在元素上绑定的事件；二是手动触发浏览器默认行为。

trigger() 方法接收一个字符串作为参数，该字符串代表要被触发的事件名。如果要传递额外的数据到处理函数中，则将这些数据作为 trigger() 方法的第二个参数传入即可。

 
$("button").click(function(){   // 给 button 元素添加 click 事件处理函数 
    alert("Button is clicked");   // 这里是处理函数体 
});   // 结束 click 事件处理函数 

 $("button").trigger("click");   // 这里将会弹出 "Button is clicked" 的对话框 

此外，trigger() 方法还有一个重要特性就是能够在不同元素之间传递信息。例如：我们想要在一个 div 元素上执行一个 click 事件时向另一个 div 元素传递信息（例如 id、class 等信息）。这时我们就可以使用 trigger() 方法来实现这样的功能。

 
$("#div1").click(function(){   // 给 div1 元素添加 click 事件处理函数 

    var data = {id: "div2", class: "test"};   // 这里定义要传递到 div2 的信息

    $("#div2").trigger("click", data);   // 这里将会向 div2 元素传递 data 变量中包含的信息并激活 click 事件 

 });   // 结束 click 处理函数体