小編給大家分享一下jQuery中bind和unbind事件怎么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
蓮花ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!
綁定其實就是把一些常規(guī)時間綁定到頁面,然后進行各種常規(guī)操作
解綁就是接觸綁定,綁定的事件失效
要注意,iQuery中的 .事件 如(.click())其實就是單個的綁定事件的簡寫(bind("click"))
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>02_事件綁定.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script language="JavaScript" src="../js/jquery-1.4.2.js"></script> <link rel="stylesheet" type="text/css" href="./css/style.css" rel="external nofollow" /> </head> <body> <div id="panel"> <input type="button" id="start" value="綁定事件"> <input type="button" id="stop" value="解綁事件"> <h6 class="head">什么是jQuery?</h6> <div class="content"> jQuery是繼Prototype之后又一個優(yōu)秀的JavaScript庫,它是一個由 John Resig 創(chuàng)建于2006年1月的開源項目。jQuery憑借簡潔的語法和跨平臺的兼容性,極大地簡化了JavaScript開發(fā)人員遍歷HTML文檔、操作DOM、處理事件、執(zhí)行動畫和開發(fā)Ajax。它獨特而又優(yōu)雅的代碼風格改變了JavaScript程序員的設(shè)計思路和編寫程序的方式。 </div> </div> </body> <script language="JavaScript"> //當鼠標單次點擊h6標題時,顯示答案;當鼠標雙次點擊h6標題時,隱藏答案 // $("h6").click(function(){ // if($("div[class=content]").is(":hidden")){ // $("div[class=content]").show(); // }else{ // $("div[class=content]").hide(); // } // }) // //動態(tài)效果 // $("#start").click(function(){ // /* // * 動態(tài)綁定點擊事件:綁定單個事件 // * bind(type,data,fn) // * * type:指定要綁定的事件名稱 // * * data:(可選)作為event.data屬性值傳遞給事件對象的額外數(shù)據(jù)對象 // * * fn:回調(diào)函數(shù),function(){} // */ // $("h6").bind("click",function(){ // if($("div[class=content]").is(":hidden")){ // $("div[class=content]").show(); // }else{ // $("div[class=content]").hide(); // } // }); // // }); // $("#stop").click(function(){ // /* // * 動態(tài)解綁定點擊事件 // * unbind(type,fn) // * * type:(可選)指定要解綁的事件名稱 // * * fn:(可選)回調(diào)函數(shù) // */ // $("h6").unbind(); // }); // $("h6").mouseover(function(){ // $("div[class=content]").show(); // }).mouseout(function(){ // $("div[class=content]").hide(); // }); //動態(tài)效果 $("#start").click(function(){ /* * 綁定事件:綁定多個事件 * * 事件名稱之間,用空格隔開 */ $("h6").bind("mouseover mouseout",function(){ if($("div[class=content]").is(":hidden")){ $("div[class=content]").show(); }else{ $("div[class=content]").hide(); } }); }); $("#stop").click(function(){ /* * unbind(type) * * 默認為空時:解綁定所有事件 * * 指定單個事件:解綁指定的單個事件 * * 指定多個事件:解綁指定的多個事件 */ $("h6").unbind("mouseover mouseout"); }); </script> </html>
以上是“jQuery中bind和unbind事件怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當前題目:jQuery中bind和unbind事件怎么用
URL標題:http://muchs.cn/article22/pihjjc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機網(wǎng)站建設(shè)、建站公司、品牌網(wǎng)站制作、網(wǎng)站改版、虛擬主機、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)