<delect id="sj01t"></delect>
  1. <em id="sj01t"><label id="sj01t"></label></em>
  2. <div id="sj01t"></div>
    1. <em id="sj01t"></em>

            <div id="sj01t"></div>

            jQuery中trigger方法用法

            時間:2024-06-13 13:13:17 jQuery Mobile 我要投稿
            • 相關推薦

            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方法用法】相關文章:

            jQuery中prev()方法用法07-16

            jQuery中replaceAll()方法用法10-15

            jQuery中parent()和siblings()的問題10-16

            關于jQuery實現高亮顯示的方法介紹08-20

            asp.net+jquery Jsonp使用方法介紹08-23

            Javascript中typeof 用法歸納09-27

            粵語中“好”字的用法10-25

            關于宏中"#"和"##"的用法06-18

            日語學習之方法詞的用法12-07

            關于jquery簡單圖片切換顯示效果實現方法介紹10-01

            <delect id="sj01t"></delect>
            1. <em id="sj01t"><label id="sj01t"></label></em>
            2. <div id="sj01t"></div>
              1. <em id="sj01t"></em>

                      <div id="sj01t"></div>
                      黄色视频在线观看