Maison > interface Web > js tutoriel > le corps du texte

jQuery : cas d'utilisation de la méthode live()

黄舟
Libérer: 2017-06-26 09:17:40
original
1171 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode live() dans jQuery. Il analyse la fonction et la définition de la méthode live() avec des exemples, ajoute un ou plusieurs événements aux éléments correspondants et stipule. quand ces événements Pour obtenir des conseils sur l'utilisation des fonctions qui s'exécutent lorsqu'ils se produisent, les amis dans le besoin peuvent se référer à

Cet article explique l'utilisation de la méthode live() dans jQuery avec des exemples. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode ajoute un ou plusieurs événements à l'élément correspondant et spécifie les fonctions à exécuter lorsque ces événements se produisent.
Remarque spéciale : jQuery1.9 a supprimé cette méthode.

Structure grammaticale :

Copier le code Le code est le suivant :

$(selector).live(type,data,function)
Copier après la connexion

Liste des paramètres :

< tr style= "couleur d'arrière-plan : rgb(214 214 214) ; retour à la ligne : break-word" class="firstRow">
Paramètres
参数描述
type定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。
data可选。定义传递到事件处理函数的额外数据。
<🎜>
Description <🎜><🎜>
type<🎜>Définissez un ou plusieurs types d'événements attachés à l'élément. Plusieurs valeurs d'événement séparées par des espaces. <🎜>
data<🎜>Facultatif. Définit les données supplémentaires transmises à la fonction de gestion des événements <🎜>. <🎜>
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>
Copier après la connexion

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!