ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryのdie()メソッドの使用例

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

巴扎黑
リリース: 2017-06-30 13:56:56
オリジナル
1504 人が閲覧しました

この記事では主に

jQuery の die() メソッドの使用法を紹介し、live() メソッドを通じて指定された要素に追加された 1 つ以上の イベント ハンドラー の関数、定義、削除を分析します。このプログラムを使用すると、必要な友人がそれを参照できます

この記事では、jQuery の die() メソッドの使用法を例を示して説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです:

このメソッドは、live() メソッドを通じて指定された要素に追加された 1 つ以上のイベント ハンドラーをすべて削除します。

文法構造:

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

$(selector).die(type, function)

パラメータリスト:

Parameters 説明
タイプ はオプションです。要素に付加する 1 つ以上のイベント タイプを定義します。スペースで区切られた複数のイベント値。
function は、イベントが発生したときに実行する関数を定義します。

サンプルコード:

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

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
p{border:1px solid blue;}
li 
{
  
list-style-type
:none;
  width:150px;
  height:150px;
  border:1px solid green;
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $("p").live("click",function(){ 
    $("li").slideToggle(); 
  }); 
  $("button").click(function(){ 
    $("p").die(); 
  }); 
}) 
</script>
</head>
<body>
<p>
  <ul>
    <li>脚本之家</li>
  </ul>
</p>
<button>删除添加</button>
</body>
</html>
ログイン後にコピー


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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート