jQueryのunbind()メソッドの詳細説明 example_jquery

この記事の例では、jQuery unbind() メソッドの使用方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

jQuery の unbind() メソッドは、bind() メソッドの逆の操作で、一致する各要素からバインドされたイベントを削除します。

文法構造:

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

unbind([type][, data]);

type はイベントのタイプ、data は削除するイベントです。具体的な手順は次のとおりです:
1. パラメータがない場合は、すべてのバインディング イベントを削除します。
2. イベント タイプ (type) がパラメータとして指定された場合、このタイプのバインドされたイベントのみが削除されます。 3. バインド中に渡されたハンドラー関数が 2 番目のパラメーターとして使用されている場合、この特定のイベント ハンドラー関数のみが削除されます。

以下の例を参照してください:

<script src="jquery.js" type="text/javascript"></script>
<style>
.info {
  background:#ffff66;
}
</style>
<input type="button" id="btn" value="点击我" />
<input type="button" id="delAll" value="删除全部绑定函数" />
<input type="button" id="delFun2" value="删除第二个绑定函数" /><br />
<div class="info"></div>
<script type="text/javascript">
$(document).ready(function(){
  // 为id为btn的按钮添加绑定事件
  $("#btn").bind('click', fun1=function(){
    $(".info").append('<p>绑定函数1</p>');
  }).bind('click', fun2=function(){
    $(".info").append('<p>绑定函数2</p>');
  }).bind('click', fun3=function(){
    $(".info").append('<p>绑定函数3</p>');
  })
  $("#delAll").bind('click', function(){
    $("#btn").unbind(); //删除全部绑定事件
  })
  $("#delFun2").bind('click', function(){
    $("#btn").unbind('click', fun2); //删除第二个绑定函数
  })
})
</script>

エフェクト表示:

jQuery イベントに関連するさらなるコンテンツに興味のある読者は、このサイトの特別トピック「

jQuery の共通イベントの使用法とテクニックの概要」 を参照してください。

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