日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
分解jQuery對(duì)相關(guān)控件的事件操作

今天突然對(duì)他的事件產(chǎn)生了興趣,先前也碰到過,也沒整理,今天有空就弄一下咯。

耀州網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)建站!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)建站從2013年開始到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

對(duì)于控件的事件,jQuery已經(jīng)提供了豐富的方法,包括綁定、一次綁定、觸發(fā)等,阿拉今早看看叫一哪能用額伐,大蝦路古就可以了。

jQuery的綁定事件非常方便,有bind、live、one還有它幫你把一些常用的事件給單獨(dú)了出來,比如控件的onclick事件,我們綁定onclick事件的時(shí)候只需要

 
 
 
  1. $("#testButton").click(function() {
  2.     alert("I'm Test Button");
  3. });

就這樣我們?cè)趖estButton這個(gè)按鈕上綁定了onclick事件,執(zhí)行alert語句。我們也可以使用$("#testButton").click();來觸發(fā)這個(gè)onclick事件,一切都非常ok啦。以上有點(diǎn)sb了,接下來看看取消事件。jQuery有unbind的方法,專門來取消綁定的,也就是取消事件,按照上面的例子的話,應(yīng)該使用:$("#testButton").unbind("click");恩,看上去非常好,如果你的click有2個(gè)事件的話,你還可以使用unbind("click", fnName)來刪除特定函數(shù)的綁定。為什么有這個(gè)取消特定函數(shù)的方法呢,我們來看下例子,我們會(huì)發(fā)現(xiàn),javascript的事件,跟C#的事件如出一轍,事件的綁定是疊加(+=) 而不是覆蓋。

 
 
 
  1. var Eat = function() {
  2.         alert("我要吃飯");
  3.     }
  4.     var PayMoney = function() {
  5.         alert("先付錢");
  6.     }
  7.     jQuery(document).ready(function() {
  8.         $("#testButton").click(Eat);
  9.         $("#testButton").bind("click", PayMoney);
  10.     });

通過上面的例子,我們發(fā)現(xiàn)會(huì)先彈出:“我要吃飯”緊接著會(huì)彈出“先付錢”,說明它的綁定是通過onclick+=fn進(jìn)行的。我們修改下ready的方法:

 
 
 
  1. jQuery(document).ready(function() {
  2.            $("#testButton").click(Eat);
  3.            $("#testButton").unbind();
  4.            $("#testButton").bind("click", PayMoney);
  5.        });

又出錯(cuò)了,呵呵,這次點(diǎn)擊按鈕的話,只會(huì)執(zhí)行PayMoney,不會(huì)執(zhí)行Eat,那如果把unbind()放在bind后面的話,這樣這個(gè)按鈕就不會(huì)起作用了。但如果我要去掉綁定的PayMoney方法呢?這時(shí)候我們應(yīng)該這樣寫:

 
 
 
  1. jQuery(document).ready(function() {
  2.           $("#testButton").click(Eat);
  3.           $("#testButton").bind("click", PayMoney);
  4.           $("#testButton").unbind("click", PayMoney);
  5.       });

嘿嘿,跟bind其實(shí)一個(gè)樣,不過接下來你將看到一個(gè)bug(我不知道算不算),讓我們近距離體驗(yàn)一下

 
 
 
  1.  id="testButton" type="button" value="Test Button" onclick="Eat();" />

大家猜猜,會(huì)顯示什么?吃飯?付錢?答案是Eat -> PayMoney,啊?。?!我這里取消了綁定,又刪除了特定的綁定,為什么還會(huì)執(zhí)行Eat呢?其中的原由要看jQuery的類庫(kù)了,我估計(jì)它只刪除了通過JQuery綁定的那些事件了,呵呵。那這時(shí)候我們?cè)撊绾文??好在jQuery有很多方法,其中一個(gè)就是attr,他是對(duì)Dom元素的屬性進(jìn)行操作,我們利用attr來消除input上的click事件。    $("#testButton").attr("onclick", "");這樣就可以把onclick事件清除了,記住,attr上因?yàn)槭窃氐膶傩裕赃@里要寫 “onclick” 而不是click,因?yàn)閏lick是jQuery封裝好的簡(jiǎn)寫方式。好了,綁定就到這里了,弄個(gè)場(chǎng)景,大家也好記得住點(diǎn):一日,老應(yīng)、老趙、老陳出去吃飯,吃飽了,喝足了,準(zhǔn)備付錢了,這時(shí)候

 
 
 
  1.     
  2.     
  3.      id="JeffreyPay" onclick="PayMoney('趙帥');" type="button" value="老趙付錢" />
  4.      id="JamesPay" type="button" onclick="PayMoney('老應(yīng)');" value="老應(yīng)付錢" />
  5.      id="DlyingPay" type="button" onclick="PayMoney('陳大');" value="老陳付錢" />

以上內(nèi)容均為原創(chuàng),不要用在邪惡的地方哦。其實(shí)在綁定事件上還存在很多bug,大家可以稍微修改下上面的效果就會(huì)知道了,比如自動(dòng)執(zhí)行,綁定失敗等,呵呵。


當(dāng)前文章:分解jQuery對(duì)相關(guān)控件的事件操作
分享網(wǎng)址:http://www.5511xx.com/article/djoihhc.html