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

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)

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>

Code HTML :

$("p").delegate("button","click",function(){ 
$("p").slideToggle(); 
});

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"); }); 
});

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!