ホームページ >ウェブフロントエンド >jsチュートリアル >jquery は名前空間を使用してバインドされた events_jquery を削除します

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

WBOY
WBOYオリジナル
2016-05-16 16:10:031334ブラウズ

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

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

例は簡単です。

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

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

<スクリプトタイプ="text/javascript">
$(関数(){
$("div").bind("click.plugin",function(){

$("body").append("

クリックイベント

");
});
$("div").bind("mouseover.plugin",function(){

$("body").append("

マウスオーバーイベント

");
});
$("div").bind("dblclick",function(){

$("body").append("

dblclick イベント

");
});
$("#but").click(function(){
alert("削除");
$("div").unbind(".plugin");
});
})

クリック、マウスオーバー、dblclick イベントにバインドされているレイヤー

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。