jQuery 의 bind 와 unbind 사건(귀속 화해 귀속 사건)

3687 단어 jquerybindunbind
바 인 딩 은 일반적인 시간 을 페이지 에 연결 한 다음 에 각종 일반적인 작업 을 하 는 것 입 니 다.
귀속 을 해제 하 는 것 은 귀속 을 접촉 하 는 것 입 니 다.귀속 이벤트 가 효력 을 잃 습 니 다.
조심 하 세 요.  .이벤트  예 를 들 어(click()는 하나의 바 인 딩 이벤트 의 약자(bid("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="    ">
			<h5 class="head">   jQuery?</h5>
			<div class="content">
	jQuery  Prototype        JavaScript ,      John Resig    2006 1      。jQuery               ,      JavaScript      HTML  、  DOM、    、       Ajax。               JavaScript                。
			</div>
		</div>
 </body>
 <script language="JavaScript">
 //       h5   ,    ;       h5   ,    
//	$("h5").click(function(){
//		if($("div[class=content]").is(":hidden")){
//			$("div[class=content]").show();
//		}else{
//			$("div[class=content]").hide();
//		}
//	})
	
//	//    
//	$("#start").click(function(){
//		/*
//		 *         :      
//		 * 	bind(type,data,fn)
//		 * 		* type:          
//		 * 		* data:(  )  event.data                 
//		 * 		* fn:    ,function(){}
//		 */
//		$("h5").bind("click",function(){
//			if($("div[class=content]").is(":hidden")){
//				$("div[class=content]").show();
//			}else{
//				$("div[class=content]").hide();
//			}
//		});
//		
//	});
//	$("#stop").click(function(){
//		/*
//		 *          
//		 * 	unbind(type,fn)
//		 * 		* type:(  )          
//		 * 		* fn:(  )    
//		 */
//		$("h5").unbind();
//	});
	
//	$("h5").mouseover(function(){
//		$("div[class=content]").show();
//	}).mouseout(function(){
//		$("div[class=content]").hide();
//	});
	
	//    
	$("#start").click(function(){
		/*
		 *     :      
		 * 	*       ,     
		 */
		$("h5").bind("mouseover mouseout",function(){
			if($("div[class=content]").is(":hidden")){
				$("div[class=content]").show();
			}else{
				$("div[class=content]").hide();
			}
		});
	});
	$("#stop").click(function(){
		/*
		 * unbind(type)
		 * 	*      :       
		 * 	*       :         
		 * 	*       :         
		 */
		$("h5").unbind("mouseover mouseout");
		
	});
	
 </script>
</html>
이상 jQuery 의 bind 와 unbind 사건(귀속 화해 귀속 사건)은 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 해 주시 고 많은 응원 부 탁 드 리 겠 습 니 다.

좋은 웹페이지 즐겨찾기