jQuery 바인딩 해제 방법을 사용하는 방법-JS 튜토리얼-php.cn

jQuery 바인딩 해제 방법을 사용하는 방법

清浅

풀어 주다： 2019-03-20 10:09:20

원래의

2706명이 탐색했습니다.

jQuery의 unbind() 메소드는 선택한 요소의 이벤트 핸들러를 제거하고 이벤트 발생 시 함수를 종료하는 데 사용됩니다. 바인딩 메소드 또는 jQuery 메소드에 등록된 이벤트 핸들러만 바인딩 해제할 수 있습니다. () 메서드는 바인딩() 메서드의 반대 작업으로, 일치하는 각 요소에서 바인딩된 이벤트를 삭제한다는 의미입니다. 다음으로, 특정 참고 가치가 있는 기사에서 구체적으로 unbind 메소드의 사용법을 설명하겠습니다. [추천 과정:

jQuery Tutorial

]

jQuery 바인딩 해제 방법을 사용하는 방법

unbind() 메소드를 소개합니다.

unbind() 메소드는 전체 또는 선택된 요소의 이벤트 핸들러를 제거하고 이벤트 발생 시 함수를 종료하는 데 사용됩니다.참고: unbind 메소드는 바인딩 메소드를 바인딩 해제하거나 jQuery 메소드에 등록하는 이벤트 핸들러만 사용할 수 있습니다. 다음 예에서는 unbind() 메소드를 통해 바인딩을 해제할 수 있습니다.

$(&#39;demo&#39;).click(function(){})

로그인 후 복사

그러나 IE에서 기본 addEventListener 및 attachmentEvent로 등록된 이벤트와 onclick/onmouseover 속성을 사용하여 바인딩된 이벤트는 바인딩 해제를 통해 바인딩을 해제할 수 없습니다. 예:

var demo = document.getElementById(&#39;demo&#39;);
demo.addEventListener(demo,function(){},false);
demo.onclick = function(){}

로그인 후 복사

unbind() 메소드 구문 구조:

$(selector).unbind(event,function)

로그인 후 복사

event는 요소를 삭제하는 하나 이상의 이벤트를 참조하며 선택적 값입니다. 이 매개변수만 지정하면 지정된 이벤트에 바인딩된 모든 함수가 삭제됩니다.

function은 해당 요소의 지정된 이벤트에서 바인딩을 해제하는 함수의 이름을 의미합니다.

Case입니다. : div 클릭 삭제 이벤트 클릭 시 배경색이 변경됩니다.

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title></title> 
<style type="text/css"> 
div{ 
  width:200px; 
  height:200px; 
  background-color:yellow; 
  text-align:center; 
  line-height:200px; 
} 
.bg{
  background-color: pink;
}
</style> 
<script type="text/javascript" src="./jquery/jquery-1.12.4.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("div").click(function(){ 
    $("div").addClass(&#39;bg&#39;)
  }); 
  $("button").click(function(){ 
    $("div").unbind(); 
  }) 
}) 
</script> 
</head> 
<body> 
<div></div> 
<button>删除事件</button> 
</body> 
</html>

로그인 후 복사

Rendering:

요약: 위 내용은 전체 내용입니다. 이 기사가 모든 사람이 jQuery를 배우는 데 도움이 되기를 바랍니다.

위 내용은 jQuery 바인딩 해제 방법을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!