jQuery: Anwendungsfall der live()-Methode-js-Tutorial-php.cn

jQuery: Anwendungsfall der live()-Methode

黄舟

Freigeben： 2017-06-26 09:17:40

Original

1171 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Verwendung der live()-Methode in jQuery vor. Er analysiert die Funktion und Definition der live()-Methode anhand von Beispielen, fügt ein oder mehrere Ereignisse zu passenden Elementen hinzu und legt fest Wenn diese Ereignisse auftreten, finden Freunde in Not Tipps zur Verwendung von Funktionen, die ausgeführt werden, wenn sie auftreten.

In diesem Artikel wird die Verwendung der live()-Methode in jQuery anhand von Beispielen erläutert. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode fügt dem übereinstimmenden Element ein oder mehrere Ereignisse hinzu und gibt die Funktionen an, die ausgeführt werden sollen, wenn diese Ereignisse auftreten.
Besonderer Hinweis: jQuery1.9 hat diese Methode gelöscht.

Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:

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

Nach dem Login kopieren

Parameterliste:

Beschreibung
参数描述
type 定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。
data 可选。定义传递到事件处理函数的额外数据。
<🎜>

type<🎜>

Definieren Sie einen oder mehrere Ereignistypen, die an das Element angehängt sind. Mehrere durch Leerzeichen getrennte Ereigniswerte. <🎜>

Optional. Definiert zusätzliche Daten, die an die Funktion Ereignisbehandlung <🎜> übergeben werden. <🎜>

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>

Nach dem Login kopieren

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

Das obige ist der detaillierte Inhalt vonjQuery: Anwendungsfall der live()-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!