頁面加載完成後，觸發事件——trigger（）

<button id="btn">點擊我</button>
<div id="test"></div>

若是頁面加載完後要當即輸出想要的效果可有有trigger()方法實現： 1.在bind事件後面執行trigger（"事件名稱"）或者事件名稱（）

 1 <script type="text/javascript">
 2         $(function(argument) {
 3             $("#btn").bind("click",function(){
 4                 $("#test").append("<p>頁面加載完以後，我就當即被插入了1</p>")}).bind("click",function(){
 5                     $("#test").append("<p>頁面加載完以後，我就當即被插入了2</p>");
 6                 })
 7             ;
 8             //$("#btn").trigger("click"); 頁面加載完成當即執行,也能夠寫成下面的格式
 9             $("#btn").click(); 10 
11 
12         })  //$(function(argument) {
13     </script>

2.觸發自定義事件

trigger()方法不只能觸發瀏覽器支持的具備相同的事件，也能夠觸發自定義名稱的事件。

 1 <script type="text/javascript">
 2         $(function(){
 3             $("#btn02").bind("myClick",function(){
 4                 $("#test02").append("<div>我觸發了自定義事件</div>");
 5             });
 6             $("#btn02").click(function(){
 7                 $(this).trigger("myClick");
 8             }).trigger("myClick");
 9         })
10     </script>

<button id="btn02">觸發自定事件</button>
<div id="test02"></div>

3.trigger（）傳遞參數

　　trigger（type,[data]）有兩個參數，第一參數是要觸發的事件類型，第2個參數是要傳遞給事件處理函數的附加數據，該參數以數組形式傳遞。能夠經過傳遞一個參數給回調函數來區分這個事件是代碼觸發的仍是用戶觸發的。

 1 <script type="text/javascript">
 2         $(function(){
 3             $("#btn03").bind("myClick03",function(event,ms01,ms02){
 4                 $("#test03").append("<p>"+ms01+ms02+"</p>");
 5             });
 6             $("#btn03").click(function(){
 7                 $(this).trigger("myClick03",["自定義事件01","參數傳遞01"]);
 8             })
 9             .trigger("myClick03",["自定義事件","參數傳遞"]);
10         })
11     </script>

1 <button id="btn03">自定義事件參數</button>
2 <div id="test03"></div>