jQuery中的事件处理(模拟用户的操作触发事件)

1.trigger() 方法

　　trigger() 方法触发被选元素上指定的事件以及事件的默认行为（比如表单提交）。

　　语法：

　　　　$(selector).trigger(event,eventObj,param1,param2,...)

　　示例1:不带参

<script type="text/javascript">
    //入口函数
    $(document).ready(function()
        $("button").bind("click",function(){
            console.log($(this).text())
        }).trigger("click")
    })
</script>

　　示例2:带参

<script type="text/javascript">
    //入口函数
    $(document).ready(function(){
        var a = $("button").bind("click",function(e,msg1,msg2){
            console.log(msg1+":"+msg2)
        })
        a.trigger("click",["abner","good"])
    })
</script>

 

2.triggerHandler() 方法

　　triggerHandler() 方法触发被选元素上指定的事件。

　　该方法的返回的是事件处理函数的返回值，而不是具有可链性的 jQuery 对象。此外，如果没有处理程序被触发，则这个方法返回 undefined。

　　语法：

　　　　$(selector).triggerHandler(event,param1,param2,...)

3.trigger()与 triggerHandler() 方法相比的不同之处:

　　相同之处：

　　　　用法相同

　　不同之处：

• • 　　它不会引起事件（比如表单提交）的默认行为
  • .　　trigger() 会操作 jQuery 对象匹配的所有元素，而 .triggerHandler() 只影响第一个匹配元素。
  • 　　由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡；如果目标元素不直接处理它们，则不会发生任何事情。