jQueryのアンバインドメソッドの使い方-jsチュートリアル-php.cn

jQueryのアンバインドメソッドの使い方

清浅

リリース： 2019-03-20 10:09:20

オリジナル

2682 人が閲覧しました

jQuery の unbind() メソッドは、選択した要素のイベントハンドラーを削除し、イベントが発生したときに関数を終了するために使用されます。バインド解除できるのは、バインドメソッドまたは jQuery メソッドに登録されたイベントハンドラーのみです

jQuery の unbind() メソッドは、bind() メソッドの逆の操作であり、一致する各要素からバインドされたイベントを削除することを意味します。次に、記事内で特に参考になるunbindメソッドの使い方を解説していきますので、皆様の参考になれば幸いです。 course:

jQuery チュートリアル

] jQueryのアンバインドメソッドの使い方

unbind() メソッドの概要unbind() メソッドは、すべての要素または選択した要素を削除するために使用されます。イベントハンドラーとイベント発生時の終了関数の実行

注: unbind メソッドは、bind メソッドまたは jQuery メソッドで登録されたイベントハンドラーのみをバインド解除できます。たとえば、次の例では、

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

ログイン後にコピー

ただし、IE でネイティブの addEventListener およびattachEvent で登録されたイベント、および onclick/onmouseover 属性を使用してバインドされたイベントは、unbind によってバインドを解除できません。例:

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

ログイン後にコピー

unbind() メソッドの構文構造:

$(selector).unbind(event,function)

ログイン後にコピー

event は、要素を削除する 1 つ以上のイベントを指し、オプションの値です。このパラメータのみを指定した場合、指定したイベントにバインドされたすべての関数が削除されます。

function は、要素の指定したイベントからバインドを解除する関数の名前を指し、オプションのパラメータでもあります

ケース: 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>

ログイン後にコピー

レンダリング:

要約: 上記がこの記事の全内容です。jQuery の unbind メソッドを学習する皆さんの参考になれば幸いです。

以上がjQueryのアンバインドメソッドの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。