jQuery之事件触发器trigger()

trigger() 是 jQuery 中的一个方法，它可以触发在元素上绑定的事件。这可以是由用户的行为触发的，例如点击或输入，也可以是由 jQuery 或 JavaScript 代码触发的。

解法1：使用 trigger() 来模拟点击事件

$('#element').on('click', function() {
    alert('Clicked!');
});
 
$('#element').trigger('click');

在这个例子中，当我们调用 $('#element').trigger('click'), 就会触发绑定在 #element 上的点击事件，因此会弹出 "Clicked!" 的警告框。

解法2：使用 trigger() 来模拟输入事件

$('#input').on('input', function() {
    alert('Input: ' + $(this).val());
});
 
$('#input').trigger('input');

在这个例子中，当我们调用 $('#input').trigger('input'), 就会触发绑定在 #input 上的输入事件，因此会弹出 "Input: [当前输入框的值]" 的警告框。

解法3：使用 trigger() 来同时模拟多个事件

$('#element').on('mouseover mouseout', function() {
    alert('Mouse Event!');
});
 
$('#element').trigger('mouseover').trigger('mouseout');

在这个例子中，当我们调用 $('#element').trigger('mouseover').trigger('mouseout'), 就会依次触发绑定在 #element 上的鼠标经过(mouseover)和鼠标移出(mouseout)事件，因此会连续弹出两次 "Mouse Event!" 的警告框。

解法4：使用 trigger() 来传递数据

$('#element').on('custom', function(event, message1, message2) {
    alert('Custom event: ' + message1 + ', ' + message2);
});
 
$('#element').trigger('custom', ['Hello', 'World!']);

在这个例子中，当我们调用 $('#element').trigger('custom', ['Hello', 'World!'], 就会触发绑定在 #element 上的自定义事件，并传递 "Hello" 和 "World!" 两个消息，因此会弹出 "Custom event: Hello, World!" 的警告框。

以上就是 trigger() 方法的一些基本用法，它非常实用，可以帮助我们在编写 jQuery 代码时更加高效和方便。