欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jQuery中bind和unbind事件怎么用

小編給大家分享一下jQuery中bind和unbind事件怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

蓮花ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

綁定其實(shí)就是把一些常規(guī)時(shí)間綁定到頁(yè)面，然后進(jìn)行各種常規(guī)操作

解綁就是接觸綁定，綁定的事件失效

要注意，iQuery中的  .事件  如(.click())其實(shí)就是單個(gè)的綁定事件的簡(jiǎn)寫(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之后又一個(gè)優(yōu)秀的JavaScript庫(kù)，它是一個(gè)由 John Resig 創(chuàng)建于2006年1月的開源項(xiàng)目。jQuery憑借簡(jiǎn)潔的語(yǔ)法和跨平臺(tái)的兼容性，極大地簡(jiǎn)化了JavaScript開發(fā)人員遍歷HTML文檔、操作DOM、處理事件、執(zhí)行動(dòng)畫和開發(fā)Ajax。它獨(dú)特而又優(yōu)雅的代碼風(fēng)格改變了JavaScript程序員的設(shè)計(jì)思路和編寫程序的方式。
			</div>
		</div>
 </body>
 <script language="JavaScript">
 //當(dāng)鼠標(biāo)單次點(diǎn)擊h6標(biāo)題時(shí),顯示答案;當(dāng)鼠標(biāo)雙次點(diǎn)擊h6標(biāo)題時(shí),隱藏答案
//	$("h6").click(function(){
//		if($("div[class=content]").is(":hidden")){
//			$("div[class=content]").show();
//		}else{
//			$("div[class=content]").hide();
//		}
//	})
	
//	//動(dòng)態(tài)效果
//	$("#start").click(function(){
//		/*
//		 * 動(dòng)態(tài)綁定點(diǎn)擊事件:綁定單個(gè)事件
//		 * 	bind(type,data,fn)
//		 * 		* type:指定要綁定的事件名稱
//		 * 		* data:(可選)作為event.data屬性值傳遞給事件對(duì)象的額外數(shù)據(jù)對(duì)象
//		 * 		* 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(){
//		/*
//		 * 動(dòng)態(tài)解綁定點(diǎn)擊事件
//		 * 	unbind(type,fn)
//		 * 		* type:(可選)指定要解綁的事件名稱
//		 * 		* fn:(可選)回調(diào)函數(shù)
//		 */
//		$("h6").unbind();
//	});
	
//	$("h6").mouseover(function(){
//		$("div[class=content]").show();
//	}).mouseout(function(){
//		$("div[class=content]").hide();
//	});
	
	//動(dòng)態(tài)效果
	$("#start").click(function(){
		/*
		 * 綁定事件:綁定多個(gè)事件
		 * 	* 事件名稱之間,用空格隔開
		 */
		$("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)
		 * 	* 默認(rèn)為空時(shí):解綁定所有事件
		 * 	* 指定單個(gè)事件:解綁指定的單個(gè)事件
		 * 	* 指定多個(gè)事件:解綁指定的多個(gè)事件
		 */
		$("h6").unbind("mouseover mouseout");
		
	});
	
 </script>
</html>

以上是“jQuery中bind和unbind事件怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前題目：jQuery中bind和unbind事件怎么用
URL標(biāo)題：http://chinadenli.net/article22/pihjjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、建站公司、品牌網(wǎng)站制作、網(wǎng)站改版、虛擬主機(jī)、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)