jquery は名前空間を使用してバインドされた events_jquery を削除します

この記事の例では、jquery が名前空間を使用してバインドされたイベントを削除する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

最近 jquery を研究していて、バインドされたイベント、名前空間を削除する簡単な方法を見つけました。

例は簡単です。

ここでは、click、mouseover、dblclick イベントという 3 つのイベントをバインドしています
このうち、clickイベントとmouseoverイベントには名前空間を追加しましたが、dblclickでは名前空間が追加されませんでした。
ボタンを使用して、バインドされたイベントを削除します。
これにより、bind メソッドと unbind メソッドの繰り返しの使用が回避され、コードがより簡潔かつ明確になります。

コードをコピー コードは次のとおりです:

<script type="text/javascript" src="js/ jquery-1.3 .2.js"></script>
<スクリプトタイプ="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(){
alert("削除");
$("div").unbind(".plugin");
});
})
</script>

<div style="border: 1px Solid red;height: 100px;width:300px;">クリック、マウスオーバー、dblclick イベントにバインドされているレイヤー</div>
<input id="but" type="button" value="remove"></input>

操作効果は次のとおりです:

この記事が皆さんの jQuery プログラミングに役立つことを願っています。