Heim > Artikel > Web-Frontend > jQuery: Anwendungsfall der live()-Methode
jQuery: Anwendungsfall der live()-Methode
- 黄舟Original
- 2017-06-26 09:17:401105Durchsuche
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)
Parameterliste:
| Beschreibung |
|
| 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. |
实例代码:
<!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事件处理函数。
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!