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

Comment utiliser l'événement délégué jQuery()

黄舟
Libérer: 2017-06-26 09:55:21
original
1167 Les gens l'ont consulté

La méthode

delegate() ajoute un ou plusieurs gestionnaires d'événements à l'élément spécifié (un élément enfant de l'élément sélectionné) et spécifie la fonction

Définition et utilisation du délégué
La méthode delegate() ajoute un ou plusieurs gestionnaires d'événements à l'élément spécifié (appartenant aux éléments enfants de l'élément sélectionné) et spécifie quand ces événements se produisent, fonction à courir.

Les gestionnaires d'événements utilisant la méthode délégué() s'appliquent aux éléments actuels ou futurs (tels que les nouveaux éléments créés par des scripts).


Paramètre Description th>
childSelector Obligatoire. Spécifie un ou plusieurs éléments enfants auxquels les gestionnaires d'événements sont attachés.
événement Obligatoire. Spécifie un ou plusieurs événements à attacher à l'élément.
参数 描述
childSelector 必需。规定要附加事件处理程序的一个或多个子元素。
event

必需。规定附加到元素的一个或多个事件。

由空格分隔多个事件值。必须是有效的事件。

data 可选。规定传递到函数的额外数据。
function 必需。规定当事件发生时运行的函数。

Plusieurs valeurs d'événement séparées par des espaces. Doit être un événement valide.

données Facultatif. Spécifie des données supplémentaires à transmettre à la fonction.
fonction Obligatoire. Spécifie une fonction à exécuter lorsqu'un événement se produit.


Syntaxe
$(selector).delegate(childSelector,event,data,function)
Copier après la connexion

Valeur de retour :
jQuery
délégué( selector,[type],[data],fn)

Vue d'ensemble

Ajoutez un ou plusieurs gestionnaires d'événements à l'élément spécifié (un élément enfant de l'élément sélectionné) et spécifiez quand ces fonctions doivent s'exécute lorsque l'événement se produit.

Parametersselector,[type],fnString,String,Function V1.4.2 selector: selectorString, utilisé pour
filter
L'élément qui a déclenché l'événement.

type : Un ou plusieurs événements attachés à l'élément. Plusieurs valeurs d'événement séparées par des espaces. Doit être un événement valide.

fn : fonction qui s'exécute lorsque l'événement se produit
selector,[type],[data],fnString,String,Object,Function V1.4.2
selector : chaîne de sélection pour l'élément sur lequel le filtre déclenche l'événement.

type : Un ou plusieurs événements attachés à l'élément. Plusieurs valeurs d'événement séparées par des espaces. Doit être un événement valide.

data : données supplémentaires transmises à la fonction

fn : fonction à exécuter lorsqu'un événement se produit

selector, eventsString, String V1.4.3
selector : sélecteur String pour l'élément sur lequel le filtre a déclenché l'événement.

événements : une carte de données de chaînes et de fonctions d'un ou plusieurs types d'événements pour les exécuter.

Exemple
Description :
Masquer ou afficher l'élément p lorsque vous cliquez sur la souris :

<p style="background-color:red"> 
<p>这是一个段落。</p> 
<button>请点击这里</button> 
</p>
Copier après la connexion
Code HTML :

$("p").delegate("button","click",function(){ 
$("p").slideToggle(); 
});
Copier après la connexion
Code jQuery :



Description : La méthode déléguée peut être utilisée comme alternative à la méthode live(), permettant à chaque événement d'être lié à un élément DOM spécifique.
$("table").delegate("td", "hover", function(){ $(this).toggleClass("hover"); 
});$("table").each(function(){ $("td", this).live("hover", function(){ $(this).toggleClass("hover"); }); 
});
Copier après la connexion
Les deux morceaux de code suivants sont équivalents :


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