亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JQuery中綁定事件(bind())和移除事件(unbind())

2019-11-20 13:05:21
字體:
來源:轉載
供稿:網友

有時候事件執行完了,想取消事件的效果可以通過一定的辦法來處理。比如bind()(綁定事件)和unbind()(移除通過bind()方法添加的事件)方法來移除事件的效果。

比如下面的一個案例:

復制代碼 代碼如下:

<script type="text/javascript">
    $(function(){
       $('#btn').bind("click", function(){
                     $('#test').append("<p>綁定函數1</p>");
              }).bind("click", function(){
                     $('#test').append("<p>綁定函數2</p>");
              }).bind("click", function(){
                     $('#test').append("<p>綁定函數3</p>");
              });
    })
</script>

html部分:

復制代碼 代碼如下:

<body>
    <button id="btn">Click Me</button>
    <div id="test"></div>
</body>

當點擊按鈕btn時,觸發了三個點擊事件,這里的append()方法,向div層中傳遞了三個段落內容。

        append() 方法在被選元素的結尾(仍然在內部)追加指定內容。它與html()方法還是不同的,html()方法是改變整個元素中的內容,而不是向元素結尾追加內容。text()方法與html()方法類似,但區別在于html()方法中可以寫入html的代碼,而且可以被正確的解析,而text()只能當html代碼為正常的字符串。

這里每次點擊,都會執行一次事件,想div層末尾添加段落。下面的代碼是取消事件效果的,可以通過刪除事件,使點擊效果失效:

復制代碼 代碼如下:

<script type="text/javascript">
    $(function(){
       $('#btn').bind("click", function(){
                     $('#test').append("<p>綁定函數1</p>");
              }).bind("click", function(){
                     $('#test').append("<p>綁定函數2</p>");
              }).bind("click", function(){
                     $('#test').append("<p>綁定函數3</p>");
              });
       $('#delAll').click(function(){
              $('#btn').unbind("click");
       });
    })
</script>

        $('#btn').unbind("click");這句代碼的作用就是取消元素btn下的click事件。它不僅僅對于bind()方法有效,它對于click()方法同樣有效。從某種角度上講,bind("click",function(){})與click(function(){})是等價的。

還可以針對具體的方法,刪除特定的事件。下面的代碼可以參考:

復制代碼 代碼如下:

<script type="text/javascript">
    $(function(){
       $('#btn').bind("click", myFun1 = function(){
                     $('#test').append("<p>綁定函數1</p>");
              }).bind("click", myFun2 = function(){
                     $('#test').append("<p>綁定函數2</p>");
              }).bind("click", myFun3 = function(){
                     $('#test').append("<p>綁定函數3</p>");
              });
       $('#delTwo').click(function(){
              $('#btn').unbind("click",myFun2);
       });
    })
</script>

unbind()方法的第二個參數是事件對應得執行函數的名字,這樣執行完后,只有myFun2這個事件被刪除了,其他兩個click事件正常執行。

還有一種跟bind()方法類似的方法one(),區別大概就是one()方法只執行一次。為每一個匹配元素的特定事件(像click)綁定一個一次性的事件處理函數。代碼如下:

復制代碼 代碼如下:

<script type="text/javascript">
    $(function(){
       $('#btn').one("click", function(){
                     $('#test').append("<p>綁定函數1</p>");
              }).one("click", function(){
                     $('#test').append("<p>綁定函數2</p>");
              }).one("click", function(){
                     $('#test').append("<p>綁定函數3</p>");
              });
    })
</script>

點擊后,只執行一次。再次點擊不會觸發效果。這就是one方法。

以上所述就是本文的全部內容了,希望本文能夠使大家更好的理解jQuery的綁定事件和移除事件,

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产xxx69麻豆国语对白| 国产不卡av在线免费观看| 美女精品视频一区| 国语自产偷拍精品视频偷| 国产一区二区日韩| 欧美激情乱人伦| 欧美日韩国产精品一区二区不卡中文| 久久综合免费视频影院| 亚洲综合精品伊人久久| 欧美午夜电影在线| 欧美日韩激情视频| 成人免费激情视频| 九九视频直播综合网| 国产男人精品视频| 欧美巨乳在线观看| 国产欧美久久一区二区| 亚洲欧美中文日韩v在线观看| 国产激情视频一区| 日本成人在线视频网址| 青青草99啪国产免费| 性视频1819p久久| 最新日韩中文字幕| 国产亚洲欧美日韩一区二区| 蜜臀久久99精品久久久无需会员| 91九色精品视频| 国产精品高潮呻吟久久av无限| 日韩欧美高清视频| 热re91久久精品国99热蜜臀| 成人激情视频在线| 国产美女高潮久久白浆| 亚洲午夜精品久久久久久性色| 精品国产老师黑色丝袜高跟鞋| 亚洲美女av在线| 欧洲美女7788成人免费视频| 久久精品国产亚洲7777| 国内精品视频久久| 亚洲精品日韩激情在线电影| 91视频8mav| 久久久亚洲国产| 欧美另类暴力丝袜| 欧美成人激情视频免费观看| 欧美日韩国产在线看| 国产成人黄色av| 欧美成人免费观看| 日韩av免费在线播放| 亚洲欧美日韩中文在线| 97av视频在线| 在线成人激情黄色| 国产亚洲精品激情久久| 久久天天躁狠狠躁夜夜躁2014| 亚洲午夜精品久久久久久久久久久久| 欧美与欧洲交xxxx免费观看| 欧美成人午夜剧场免费观看| 精品国产91久久久| 亚洲欧美日韩精品久久| 久久久久国产一区二区三区| 黑人精品xxx一区| 亚洲美女www午夜| 久久九九精品99国产精品| 成人网在线观看| 97精品一区二区三区| 欧美午夜xxx| 国产精品欧美激情在线播放| 国产精品自拍视频| 91视频九色网站| 日韩av大片免费看| 在线精品91av| 亚洲成人av中文字幕| 91中文在线观看| 久久精品成人欧美大片| 精品久久久久久久久中文字幕| 中文字幕在线看视频国产欧美| 国产精品亚洲第一区| 亚洲男人的天堂网站| 国产成人精品久久亚洲高清不卡| 精品国产自在精品国产浪潮| 国产精选久久久久久| 日韩av在线直播| 日韩视频一区在线| 亚洲视频在线观看视频| 日韩成人av网| 97视频在线观看免费高清完整版在线观看| 欧美在线精品免播放器视频| 精品性高朝久久久久久久| 日韩精品在线免费观看| 最新69国产成人精品视频免费| 韩国国内大量揄拍精品视频| 91国自产精品中文字幕亚洲| 久久久久女教师免费一区| 自拍视频国产精品| 91沈先生作品| 91国产美女在线观看| 国产一区二区三区三区在线观看| 欧美午夜性色大片在线观看| 91精品久久久久久久久不口人| 成人免费高清完整版在线观看| 美女久久久久久久| 国产精品欧美久久久| 日韩在线视频观看| 欧洲亚洲免费在线| 日韩精品免费一线在线观看| 一本色道久久88综合亚洲精品ⅰ| 亚洲国产成人爱av在线播放| 国产欧美一区二区| 欧美又大又硬又粗bbbbb| 日韩毛片中文字幕| 亚洲精品在线91| 亚洲欧美国产日韩天堂区| 欧美亚洲成人xxx| 精品国产91乱高清在线观看| 日韩欧美国产骚| 欧美区在线播放| 欧美精品一区三区| 国产精品亚洲片夜色在线| 国产亚洲成av人片在线观看桃| 欧美日韩激情小视频| 午夜精品在线观看| 青青在线视频一区二区三区| 亚洲国产精品久久久久| 国产精品电影一区| 亚洲高清不卡av| 日韩免费高清在线观看| 欧美体内谢she精2性欧美| 亚洲精品aⅴ中文字幕乱码| 亚洲第一av网| 国产精品亚洲视频在线观看| 国产亚洲欧洲高清| 国产成人一区二区三区电影| 国产精品视频免费观看www| 国产乱人伦真实精品视频| 91精品国产99久久久久久| 欧美日韩免费网站| 欧美日韩精品在线观看| 亚洲va久久久噜噜噜| 日韩精品免费在线视频| 久久视频这里只有精品| 精品色蜜蜜精品视频在线观看| 亚洲国模精品一区| 欧美小视频在线观看| 色与欲影视天天看综合网| 国产精品久久久久免费a∨| 91亚洲精品久久久久久久久久久久| 精品久久久久久久久久久久| 北条麻妃99精品青青久久| 国内精品一区二区三区| 成人黄色av网| 欧美最猛性xxxxx免费| 久久精品国产欧美激情| 欧美性猛交xxxxx免费看| 国产精品久久久久久搜索| 欧美精品一区二区免费| 亚洲一区中文字幕在线观看| 热门国产精品亚洲第一区在线| xvideos国产精品| 日韩精品在线观| 色爱av美腿丝袜综合粉嫩av| 亚洲欧美国产一区二区三区| 久久最新资源网| 亚洲香蕉伊综合在人在线视看| 68精品久久久久久欧美| 成人午夜激情免费视频| 欧美精品免费在线| 欧美交受高潮1| 亚洲日本aⅴ片在线观看香蕉|