jQuery中trigger方法用法

trigger() 觸發事件

jQuery中trigger方法用法

觸發事件就是 類似於點擊click, mouseover, keydown 等有動作的js事件,簡單的說就是一個動作,可能有人會問,那show, hide 是不是? 不是

爲什麼要用 trigger() ?

比如:你給一個按鈕添加了一個click點擊事件,彈出提示框,代碼如下。

var div = $(“#mybutton”); //你的按鈕。 k(function() { alert(‘你是豬啊,~讓你點,你就點?’);});

上面的代碼就是一個按鈕的click事件。這個時候你有個非分的要求,就是希望頁面刷新的時候就點一下這個按鈕。如果不用trigger()你可以在後面這樣寫:

k();

如果用trigger(),你就要寫成這樣:效果跟上面這句是一樣,就是稍微長點。

ger(“click”);

然後有人說:你是豬啊·~~ 上面這個短一點,你還教我用下面這個 =,=

表急着揍我麼~· 繼續往下看。

你用手冊 裏的索引搜一下click 可以看到 兩條 結果 click() 和,click(fn),然後 搜一下trigger 發現只有一個 trigger(type, [data]) 。

然後你知道我的意思了吧。— trigger 可以傳參數進去。

我們看看 手冊裏的ger 例子:

$(“p”)k( function (event, a, b) { // 一個普通的點擊事件時,a和b是undefined類型 // 如果用下面的語句觸發,那麼a指向”foo”,而b指向”bar” } )ger(“click”, [“foo”, “bar”]);

瞭解了吧?如果用click 的話,它不吃參數,用trigger的話,就能吃了。

練習一下吧:黏貼到你的頁面上試試看,記得把jquery載進來。

$(function() { var div = $(“#mybutton”); //你的按鈕。 k(function(e,text) { var text = text || ‘你是豬啊,~讓你點,你就點?’; alert(text); }); ger(“click”,”您好,請點擊按鈕”);});

demo:

下面的代碼可以顯示一個”Hello World” jQuery 代碼: $(“p”)(“myEvent”, function (event, message1, message2) { alert(message1 + ‘ ‘ + message2); }); $(“p”)ger(“myEvent”, [“Hello”,”World!”]);

其實trigger()方法的意思自動觸發被選元素的指定事件類型。

div{

width:200px;

height:200px;

border:1px solid blue;

}