jQuery中trigger方法用法

    時(shí)間:2024-06-13 13:13:17 jQuery Mobile 我要投稿
    • 相關(guān)推薦

    jQuery中trigger方法用法

      trigger() 觸發(fā)事件

      觸發(fā)事件就是 類似于點(diǎn)擊click, mouseover, keydown 等有動作的js事件,簡單的說就是一個動作,可能有人會問,那show, hide 是不是? 不是

      為什么要用 trigger() ?

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

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

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

      div.click();

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

      div.trigger(“click”);

      然后有人說:你是豬啊·~~ 上面這個短一點(diǎn),你還教我用下面這個 =,=

      表急著揍我么~· 繼續(xù)往下看。

      你用手冊 里的索引搜一下click 可以看到 兩條 結(jié)果 click() 和,click(fn),然后 搜一下trigger 發(fā)現(xiàn)只有一個 trigger(type, [data]) 。

      然后你知道我的意思了吧。— trigger 可以傳參數(shù)進(jìn)去。

      我們看看 手冊里的trigger 例子:

      $(“p”).click( function (event, a, b) { // 一個普通的點(diǎn)擊事件時(shí),a和b是undefined類型 // 如果用下面的語句觸發(fā),那么a指向”foo”,而b指向”bar” } ).trigger(“click”, [“foo”, “bar”]);

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

      練習(xí)一下吧:黏貼到你的頁面上試試看,記得把jquery載進(jìn)來。

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

      demo:

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

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

      div{

      width:200px;

      height:200px;

      border:1px solid blue;

      }

    【jQuery中trigger方法用法】相關(guān)文章:

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

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

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

    關(guān)于jQuery實(shí)現(xiàn)高亮顯示的方法介紹08-20

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

    Javascript中typeof 用法歸納09-27

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

    關(guān)于宏中"#"和"##"的用法06-18

    日語學(xué)習(xí)之方法詞的用法12-07

    關(guān)于jquery簡單圖片切換顯示效果實(shí)現(xiàn)方法介紹10-01

    91久久大香伊蕉在人线_国产综合色产在线观看_欧美亚洲人成网站在线观看_亚洲第一无码精品立川理惠

      亚洲欧美不卡视频在线播放 | 一级a做片免费久久 | 综合色在线97se | 日本区一视频区二视频 | 尤物在线一区二区三区 | 日韩精品熟女一区二区 |