ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryのunbind()メソッドの使用例

jQueryのunbind()メソッドの使用例

巴扎黑
巴扎黑オリジナル
2017-06-25 15:17:081360ブラウズ

この記事では、主に jQuery の unbind() メソッドの使用法を紹介し、例を使用して unbind() メソッドの選択された要素の定義と削除について説明します。参考にしてください この記事の例では、jQuery での unbind() メソッドの使用方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです:

このメソッドは、bind() メソッドを通じて登録されたカスタム イベントを含む、選択された要素のイベント ハンドラーを削除します。

パラメータのない unbind() メソッドは、バインドされたイベントをすべて削除します。 このメソッドは、イベント タイプがパラメータとして指定されている場合にのみ、そのタイプのバインドされたイベントを削除します。
バインド時に渡されるハンドラー関数が 2 番目のパラメーターとして使用される場合、この特定のイベント ハンドラーのみが削除されます。

文法構造:


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

$(selector).unbind(type, function)

パラメータリスト:


パラメータ説明data バインド解除されるイベントのタイプ。 Function 一致した各要素のイベントからバインドを解除するイベント ハンドラー関数。
コード例:

コードは以下の通りです:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title> 
<style type="text/css"> 
p{ 
  width:200px; 
  height:200px; 
  background-color:blue; 
  
text-align
:center; 
  
line-height
:200px; 
} 
</style> 
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("p").click(function(){ 
    $("p").append("添加的内容"); 
  }); 
  $("button").click(function(){ 
    $("p").unbind(); 
  }) 
}) 
</script> 
</head> 
<body> 
<p></p> 
<button>删除事件</button> 
</body> 
</html>

上記のコードは、p.11に登録されているイベントハンドラー関数を削除することができます。

以上がjQueryのunbind()メソッドの使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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