ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryのアンバインドメソッドの使い方
jQueryのアンバインドメソッドの使い方
- 清浅オリジナル
- 2019-03-20 10:09:202698ブラウズ
jQuery の unbind() メソッドは、選択した要素のイベント ハンドラーを削除し、イベントが発生したときに関数を終了するために使用されます。バインド解除できるのは、バインド メソッドまたは jQuery メソッドに登録されたイベント ハンドラーのみです
jQuery の unbind() メソッドは、bind() メソッドの逆の操作であり、一致する各要素からバインドされたイベントを削除することを意味します。次に、記事内で特に参考になるunbindメソッドの使い方を解説していきますので、皆様の参考になれば幸いです。 course:
jQuery チュートリアル]
unbind() メソッドの概要unbind() メソッドは、すべての要素または選択した要素を削除するために使用されます。イベント ハンドラーとイベント発生時の終了関数の実行
注: unbind メソッドは、bind メソッドまたは jQuery メソッドで登録されたイベント ハンドラーのみをバインド解除できます。たとえば、次の例では、 $('demo').click(function(){})ただし、IE でネイティブの addEventListener およびattachEvent で登録されたイベント、および onclick/onmouseover 属性を使用してバインドされたイベントは、unbind によってバインドを解除できません。例:
var demo = document.getElementById('demo');
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('bg')
});
$("button").click(function(){
$("div").unbind();
})
})
</script>
</head>
<body>
<div></div>
<button>删除事件</button>
</body>
</html>
レンダリング:
要約: 上記がこの記事の全内容です。jQuery の unbind メソッドを学習する皆さんの参考になれば幸いです。
以上がjQueryのアンバインドメソッドの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。