一．模拟操作
在事件触发的时候，有时我们需要一些模拟用户行为的操作。例如：当网页加载完毕后自行点击一个按钮触发一个事件，而不是用户去点击。
//点击按钮事件
$(\'input\').click(function () {
alert(\'我的第一次点击来自模拟！\');
});
//模拟用户点击行为
$(\'input\').trigger(\'click\');
//可以合并两个方法
$(\'input\').click(function () {
alert(\'我的第一次点击来自模拟！\');
}).trigger(\'click\');
有时在模拟用户行为的时候， 我们需要给事件执行传递参数， 这个参数类似与 event.data的额外数据（但是注意区别，见基础事件篇），可以是数字、字符串、数组、对象。
$(\'input\').click(function (e, data1, data2) {
alert(data1 + \',\' + data2);
}).trigger(\'click\', [\'abc\', \'123\']);
PS：当传递一个值的时候，直接传递即可。当两个值以上，需要在前后用中括号包含起来。但不能认为是数组形式，下面给出一个复杂的说明：
$(\'input\').click(function (e, data1, data2) {
alert(data1.a + \',\' + data2[1]);
}).trigger(\'click\', [{\'a\' : \'1\', \'b\' : \'2\'}, [\'123\',\'456\']]);
除了通过 JavaScript 事件名触发，也可以用于自定义的事件触发，所谓自定义事件其实就是一个被.bind()绑定的任意函数。自定义事件无法单独执行，但是可以通过trigger模拟执行。示例如下：
$(\'input\').bind(\'myEvent\', function () {
alert(\'自定义事件！\');
}).trigger(\'myEvent\');
.trigger()方法提供了简写方案，只要想让某个事件执行模拟用户行为，直接再调用一个空的同名事件即可。
$(\'input\').click(function () {
alert(\'我的第一次点击来自模拟！\');
}).click(); //执行空的click()模拟用户行为
这种便捷的方法，jQuery 几乎个所有常用的事件都提供了。
jQuery 还提供了另外一个模拟用户行为的方法：.triggerHandler()；这个方法的使用和.trigger()方法一样。
$(\'input\').click(function () {
alert(\'我的第一次点击来自模拟！\');
}).triggerHandler(\'click\');
在常规的使用情况下，与trigger()几乎没有区别，都是模拟用户行为，也可以传递额外参数。但在某些特殊情况下仍有差异，主要有以下四点：
1. .triggerHandler()方法并不会触发事件的默认行为，而.trigger()会。
$(\'form\').trigger(\'submit\'); //模拟用户执行提交，并跳转到执行页面
$(\'form\').triggerHandler(\'submit\'); //模拟用户执行提交，并阻止的默认行为
如果我们希望使用.trigger()来模拟用户提交， 并且阻止事件的默认行为， 则需要这么写：
$(\'form\').submit(function (e) {
e.preventDefault(); //阻止默认行为
}).trigger(\'submit\');
2. .triggerHandler()方法只会影响第一个匹配到的元素，而.trigger()会影响所有。
3. .triggerHandler()方法会返回当前事件执行的返回值，如果没有返回值，则返回undefined；而.trigger()则返回当前包含事件触发元素的 jQuery 对象(方便连缀调用)。
alert($(\'input\').click(function () {
return 123;
}).triggerHandler(\'click\')); //返回 123，没有 return 返回undefined
4. .trigger()在创建事件的时候，会冒泡。但这种冒泡是自定义事件才能体现出来，是jQuery 扩展于 DOM 的机制，并非 DOM 特性。而.triggerHandler()不会冒泡。
示例：
html部分代码：
1 <div class="d1"> 2 3 <div class="d2"> 4 5 <div class="d3"> 6 7 div 8 9 </div> 10 11 </div> 12 13 </div>