この記事の例では、jQuery unbind() メソッドの使用方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
jQuery の unbind() メソッドは、bind() メソッドの逆の操作で、一致する各要素からバインドされたイベントを削除します。
文法構造:
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 プログラミングのすべての人に役立つことを願っています。