jquery自動觸發事件

常用模擬

有時候，需要通過模擬用戶操作，來達到單擊的效果。例如在用戶進入頁面後，就觸發click事件，而不需要用戶去主動單擊。

在JQuery中，可以使用trigger()方法完成模擬操作。例如可以使用下面的代碼來觸發id爲btn的按鈕的click事件。

$('#btn').trigger("click");

這樣，當頁面加載完畢後，就會立刻輸出想要的效果。也可以直接簡寫click()，來達到同樣的效果：

$('#btn').click();

 

觸發自定義事件

trigger()方法不僅能觸發瀏覽器支持的具有相同名稱的事件，也可以觸發自定義名稱的事件。例如爲元素綁定一個“myClick”的事件，JQuery代碼如下：

$('#btn').bind("myClick", function(){ 
  $('#test').append("<p>我的自定義事件.</p>"); 
});

想要觸發這個事件，可以使用以下代碼來實現：

$('#btn').trigger("myClick");

自動觸發<a>標籤的click()方法

想向自動觸發<a>標籤的click事件，但是把事件綁定到<a> 標籤上，即$("#id").click(),但是沒有任何反應，然後查了下，原來不能把click事件直接綁定到<a>標籤上，必須綁定到<a> 標籤之內的元素上。

例如：<a href="xxxxxxxxx" class="curr_li"><li id="bbbb">公式管理</li></a>,要自動觸發的話，$("#bbbb").trigger("click")