在網頁的制作過程中,有時候需要模擬用戶的操作去實現一些事件的觸發,就比如說網頁在加載完畢后就要彈出一個窗口,或是網頁加載完后需要某的元素的點擊事件進行操作,我閃該如何操作呢

jQuery中的trigger()方法解釋

国产视频apptrigger():該方法可以觸發某個元素的事件,也可以觸發自定義的事件名稱

語法:

$(selector).trigger(event,[param1,param2,...])

注:

event:為要觸發的事件

国产视频app[param1,param2,...]:為要觸發函數的傳遞值,以數組的形式傳遞

我們來舉個例

利用JQ的trigger()觸發一個事件

利用JQ的trigger()觸發一個事件

HTML代碼

<p>飛鳥慕魚博客歡迎您!</p>
<button id='button'>點我測試</button>
<!--飛鳥慕魚博客-->

JQ代碼

$("#button").click(function(){
    $("p").toggle();
});
$("p").click(function(){
    $("#button").trigger("click");
});

結果:

我們點擊P標簽,也會觸發button的事件,來隱藏P標簽

再來一個例子

利用trigger()方法來觸發一個事件,并帶有傳入值

利用trigger()方法來觸發一個事件,并帶有傳入值

HTML代碼

<p>飛鳥慕魚博客歡迎您!</p>
<button id='button'>測試1</button>
<button id='button2'>測試2</button>

JQ代碼

$("#button").click(function(event,n,m){
//二種判斷變量是否被賦值
//typeof n === 'undefined'
//@飛鳥慕魚博客
    if(n === undefined ){
        $("p").text("歡迎訪問");
    }else{               
        $("p").text("歡迎" + n + "訪問" + m);
    }         
});
$("#button2").click(function(){
    $("#button").trigger("click",["墨初","飛鳥慕魚博客"]);
});

結果:

国产视频app點擊測試1按鈕,會輸出“歡迎訪問”

點擊測試2按鈕,會輸出“歡迎墨初訪問飛鳥慕魚博客”