ホームページ > 記事 > ウェブフロントエンド > jQuery unbind()の使用例
jQuery の unbind() メソッドは、bind() メソッドの逆の操作であり、一致する各要素からバインドされたイベントを 削除します。
文法構造:
unbind([type][, data]);
typeはイベントタイプ、dataは削除されるイベントです。具体的な手順は次のとおりです:
1. パラメーターがない場合は、すべてのバインディング イベントを削除します。
2. イベント タイプ (タイプ) がパラメーターとして指定されている場合は、このタイプのバインディング イベントのみが削除されます。
3. If バインド中に渡されたハンドラー関数が 2 番目のパラメーターとして使用されている場合、この特定の イベント ハンドラー 関数のみが削除されます。
以下の例をご覧ください:
<script src="http://www.gamejzy.com/js/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 /> <p class="info"></p> <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 unbind()の使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。