jQuery中trigger方法用法
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;
}
相關文章
-
關於jQuery trigger()方法用法介紹
講規矩、有紀律是黨員幹部的應有品格。既是黨章對黨員幹部的明確要求,也是我們入黨宣誓時對黨的莊嚴承諾。做講規矩、有紀律的表率,這是一個合格黨員、合格幹部的最基本條件。以下是本站小編爲大家整理的關於講規矩有 -
關於jquery插件jTimer(jquery定時器)使用方法
複製代碼 代碼如下:(function ($) {$nd({timer: function (action,context,time) {var _timer;if ($nction(action)) {(function () {_timer = setInterval(function () {if (!action(context)) {clearInterval(_time -
jquery中toggle方法使用例子
今天遇到一個有趣的例子,將它記錄下來。一個一級菜單,裏邊有一個二級菜單,二級菜單是通過錨點來鏈接頁面元素的。想要實現的效果是當點擊錨點時,頁面鏈接到相應錨點,同時二級菜單隱藏,再點擊一級菜單時,繼續執行。。其中試了 -
詳細講解jQuery中height()方法用法
夢見狗打架,狗咬狗。將發生與刑事裁判有關的事件之危機信號。股市:大戶股有劇烈的漲跌,引起混亂局面,又狗在交配的夢,也一樣是高升的前兆,母狗生小狗的夢,表示增資。 -
jQuery中delegate()實例用法
烏黑的髮絲瑩亮柔順,看起來很是清純,中分的長劉海設計,修顏效果極佳,很好地修飾了大臉的不足,搭配垂順飄逸的披肩長直髮,顯得清新靚麗,很是吸引。黃棕色的挑染髮,襯出了mm白皙的膚色,中分的劉海設計,起到了很好的修顏減齡的效果 -
jQuery中outerWidth的方法介紹
我折的戒指主要材料:彩紙 1所需工具:手製作步驟:第1步:長形紙條,長約14mm,寬約2mm,可根據自己喜好調整第2步:寬邊對摺第3步:長邊對摺第4步:第5步:翻摺進去第6步:折上去第7步:第8步:第9步:第10步:再折上去第11步:第12步:往下折一點露出 -
有關jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
太可愛了吧!主要材料:不織布所需工具:針線製作步驟:第1步:第2步:第3步:第4步:第5步:第6步:第7步:第8步:第9步:小貼士:喜歡的話就收藏吧,不要忘了點贊和關注我哦😊 -
jQuery中ajax的get()方法運用示例
jQuery中ajax的get()方法運用示例$()通過 HTTP GET請求從服務器上請求數據。語法結構:複製代碼 代碼如下:$(url, [data], [callback], [type]);參數解析::必須,規定請求的'URL。:可選,待發送 Key/value 參數。back -
jQuery中delegate與on的用法與區別
下面小編爲大家蒐集整理的骨科科室工作計劃,歡迎大家閱讀與借鑑,希望能夠給你帶來幫助在新的一年裏,隨着科室條件的改善,對護理工作也提出了更高的要求,我們要以此爲契機,狠抓護理服務質量,嚴格落實規章制度,加強業務、技術訓 -
JQuery中serialize()用法實例分析
jQuery - serialize() 方法W3School給出的定義與用法:serialize() 方法通過序列化表單值,創建 URL 編碼文本字符串。您可以選擇一個或多個表單元素(比如 input 及/或 文本框),或者 form 元素本身。序列化的值可在生成 AJAX