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

jQuery: live() メソッドの使用例

黄舟

リリース： 2017-06-26 09:17:40

オリジナル

1171 人が閲覧しました

この記事では、主に jQuery での live() メソッドの使用法を紹介し、live() メソッドの機能と定義を例とともに分析し、一致する要素に 1 つ以上のイベントを追加し、実行される関数の使用方法を規定します。この記事では、jQuery の live() メソッドの使用法を例を示して説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです:

このメソッドは、一致する要素に 1 つ以上のイベントを追加し、これらのイベントが発生したときに実行する関数を指定します。

特記事項: jQuery1.9 ではこのメソッドが削除されました。

文法構造:

コードをコピーする

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

$(selector).live(type,data,function)

ログイン後にコピー

パラメータリスト:

type 要素に付加される 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();
  }) 
}) 
</script>
</head>
<body>
<p>
  <ul>
    <li>点击这里测试一下</li>
  </ul>
</p>
</body>
</html>

ログイン後にコピー

以上代码是为li元素注册click事件处理函数。

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