jQuery中trigger方法用法
trigger() 觸發事件
觸發事件就是 類似于點擊click, mouseover, keydown 等有動作的js事件,簡單的說就是一個動作,可能有人會問,那show, hide 是不是? 不是
為什么要用 trigger() ?
比如:你給一個按鈕添加了一個click點擊事件,彈出提示框,代碼如下。
var div = $(“#mybutton”); //你的按鈕。 div.click(function() { alert(‘你是豬啊,~讓你點,你就點?’);});
上面的代碼就是一個按鈕的click事件。這個時候你有個非分的要求,就是希望頁面刷新的.時候就點一下這個按鈕。如果不用trigger()你可以在后面這樣寫:
div.click();
如果用trigger(),你就要寫成這樣:效果跟上面這句是一樣,就是稍微長點。
div.trigger(“click”);
然后有人說:你是豬啊·~~ 上面這個短一點,你還教我用下面這個 =,=
表急著揍我么~· 繼續往下看。
你用手冊 里的索引搜一下click 可以看到 兩條 結果 click() 和,click(fn),然后 搜一下trigger 發現只有一個 trigger(type, [data]) 。
然后你知道我的意思了吧! trigger 可以傳參數進去。
我們看看 手冊里的trigger 例子:
$(“p”).click( function (event, a, b) { // 一個普通的點擊事件時,a和b是undefined類型 // 如果用下面的語句觸發,那么a指向”foo”,而b指向”bar” } ).trigger(“click”, [“foo”, “bar”]);
了解了吧?如果用click 的話,它不吃參數,用trigger的話,就能吃了。
練習一下吧:黏貼到你的頁面上試試看,記得把jquery載進來。
$(function() { var div = $(“#mybutton”); //你的按鈕。 div.click(function(e,text) { var text = text || ‘你是豬啊,~讓你點,你就點?’; alert(text); }); div.trigger(“click”,”您好,請點擊按鈕”);});
demo:
下面的代碼可以顯示一個”Hello World” jQuery 代碼: $(“p”).bind(“myEvent”, function (event, message1, message2) { alert(message1 + ‘ ‘ + message2); }); $(“p”).trigger(“myEvent”, [“Hello”,”World!”]);
其實trigger()方法的意思自動觸發被選元素的指定事件類型。
div{
width:200px;
height:200px;
border:1px solid blue;
}
【jQuery中trigger方法用法】相關文章: