jquery는 네임스페이스를 사용하여 바인딩된 events_jquery를 제거합니다.

이 문서의 예에서는 jquery가 네임스페이스를 사용하여 바인딩된 이벤트를 제거하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

최근 jquery를 조사하면서 바인딩된 이벤트, 네임스페이스를 제거하는 간단한 방법을 찾았습니다.

예제는 간단합니다.

여기에는 click, mouseover 및 dblclick 이벤트라는 세 가지 이벤트가 바인딩되어 있습니다.
그 중 click 및 mouseover 이벤트에 네임스페이스를 추가했는데, dblclick에서는 네임스페이스를 추가하지 않았습니다.
버튼을 사용하여 바인딩된 이벤트를 제거합니다.
이렇게 하면 바인딩 및 바인딩 해제 메서드를 반복적으로 사용하지 않아도 되므로 코드가 더욱 간결하고 명확해집니다.

코드 복사 코드는 다음과 같습니다.

<script type="text/javascript" src="js/ jquery-1.3 .2.js"></script>
<script type="text/javascript">
$(함수 (){
​​​​ $("div").bind("click.plugin",function(){
                                 
                   $("body").append("<p>클릭 이벤트</p>");
        });
          $("div").bind("mouseover.plugin",function(){
                                 
                 $("body").append("<p>마우스오버 이벤트</p>");
        });
​​​​ $("div").bind("dblclick",function(){
                                 
                  $("body").append("<p>dblclick 이벤트</p>");
        });
           $("#but").click(function(){
경고("제거");
               $("div").unbind(".plugin");
        });
})

<div style="border: 1px solid red;height: 100px;width:300px;">클릭, 마우스 오버, dblclick 이벤트</div>에 바인딩된 레이어
<input id="but" type="button" value="remove"></input>

작동 효과는 다음과 같습니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.