<body>
  <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x1'">點(diǎn)擊1</a>
  <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x2'">點(diǎn)擊2</a>
  <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x3'">點(diǎn)擊3</a>
  </br>
  <span id="d"></span>
</body>

實(shí)現(xiàn)效果為'點(diǎn)擊1'頁面上將顯示x1 ,'點(diǎn)擊2'頁面上顯示x2 …
但需要實(shí)現(xiàn)首次進(jìn)入頁面為默認(rèn)是'點(diǎn)擊1'

在jQuery中，可以使用trigger()方法完成模擬操作。
例如可以使用下面的代碼來觸發(fā)A鏈接的click事件。

$('a').first().trigger("click");

這樣當(dāng)頁面加載完畢后，觸發(fā)第一個(gè)A鏈接的click事件，頁面將顯示x1

觸發(fā)自定義事件

trigger()方法不僅能觸發(fā)瀏覽器支持的具有相同名稱的事件，也可以觸發(fā)自定義名稱的事件。
例如為元素綁定一個(gè)”myEvent”的事件,jQuery代碼如下：

$('#btn').bind("myEvent", function(){ 
  alert("自定義事件");
});

想要觸發(fā)這個(gè)事件,可以使用以下代碼來實(shí)現(xiàn)：

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

傳遞數(shù)據(jù)

trigger(type,[data])方法有兩個(gè)參數(shù)，
第1個(gè)是事件對象或者要觸發(fā)的事件類型,
第2個(gè)參數(shù)是傳遞給事件處理函數(shù)的附加參數(shù),以數(shù)組形式傳遞。通?？梢酝ㄟ^傳遞一個(gè)參數(shù)給
回調(diào)函數(shù)來區(qū)別這次事件是代碼觸發(fā)的還是用戶觸發(fā)的。

下面是一個(gè)傳遞數(shù)據(jù)的例子。

$('#btn').bind("myEvent", function(event,message1,message2){ 
  alert(message1 + "," + message2);
});
$('#btn').trigger("myEvent", ["Hello","World!"]);

以上就是jQuery自動(dòng)觸發(fā)事件trigger的使用方法，希望對大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章: