jQueryのunbind()メソッドの使用例-jsチュートリアル-php.cn

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

巴扎黑

リリース： 2017-06-25 15:17:08

オリジナル

1411 人が閲覧しました

この記事では、主に 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 サイトの他の関連記事を参照してください。