Quels sont les événements de liaison courants dans jquery ?

Il existe quatre événements de liaison couramment utilisés dans jQuery, à savoir : 1. la méthode "on()", qui ajoute un ou plusieurs gestionnaires d'événements à l'élément et aux sous-éléments sélectionnés 2. la méthode "bind()", qui ajoute ; Lier une fonction d'écoute d'un type d'événement spécifique à l'élément sélectionné ; 3. méthode "live()", qui a été supprimée dans la version 1.9 ; 4. méthode "delegate()", ajouter un ou plusieurs événements au gestionnaire d'élément spécifié et exécuter la fonction spécifiée.

Le système d'exploitation de ce tutoriel : système Windows 10, jQuery version 3.6.0, ordinateur Dell G3.

Il existe quatre événements de liaison couramment utilisés dans jquery :

1. La méthode on() (méthode préférée)

La méthode on() ajoute unou plusieurs événements sur l'élément et le gestionnaire de sous-éléments sélectionnés. .

Depuis la version 1.7 de jQuery, la méthode on() est le nouveau remplacement des méthodes bind(), live() et délégué(). Cette méthode apporte beaucoup de commodité à l'API et est recommandée car elle simplifie la base de code jQuery.

Paramètres :

event : obligatoire. Spécifie un ou plusieurs événements ou espaces de noms à supprimer des éléments sélectionnés. Plusieurs valeurs d'événement séparées par des espaces. Doit être un événement valide

data : facultatif. Spécifie que les gestionnaires d'événements ne peuvent être ajoutés qu'aux éléments enfants spécifiés (et non au sélecteur lui-même, comme la méthode obsolète déléguée()).

fonction : Facultatif. Spécifie une fonction à exécuter lorsqu'un événement se produit.

map : Spécifie une carte d'événements ({event:function, event:function, ...}), contenant un ou plusieurs événements à ajouter à l'élément, et une fonction à exécuter lorsque l'événement se produit.

Syntaxe : $(selector).on(event,childSelector,data,function,map)

Exemple : Ajouter un événement click à l'élément p

$("p").on("click",function(){

    alert("The paragraph was clicked.");

});

2. La fonction de

bind() est de lier une fonction d'écoute d'un type d'événement spécifique à l'élément sélectionné

Paramètres :

type :Obligatoire. Type d'événement, tel que clic, changement, survol de la souris, etc. ;

données :facultatif. Les paramètres transmis à la fonction d'écoute sont obtenus via event.data. Facultatif ;

fonction :Obligatoire. Spécifie la fonction (fonction d'écoute) à exécuter lorsqu'un événement se produit et l'objet événement peut être transmis. L'événement ici est l'objet événement encapsulé par jQuery, qui est différent de l'objet événement natif. Vous devez faire attention lorsque. l'utiliser.

map :Spécifie une carte d'événements ({event:function, event:function, ...}), contenant un ou plusieurs événements à ajouter à l'élément, et la fonction à exécuter lorsque l'événement se produit

Syntaxe : $(

selector).bind(event,data,function,map)

Exemple : Ajoutez un événement de clic à la méthode

$("p").bind("click",function(){

    alert("单击p元素");

});

3. live(),

supprimé dans la version 1.9.

Veuillez utiliser la méthode on() à la place. Ajoute un ou plusieurs gestionnaires d'événements aux éléments sélectionnés actuels ou futurs. (Toujours résumé ici)

Paramètres :

event : obligatoire. Spécifie un ou plusieurs événements à ajouter à l'élément. Plusieurs valeurs d'événement séparées par des espaces. Doit être un événement valide.

données :Facultatif. Paramètres supplémentaires transmis à la fonction

fonction :Obligatoire. Lorsqu'un événement se produit, la fonction

syntaxe : $(

selector).live(event,data,function)

Exemple : Lorsque vous cliquez sur le bouton, masquez ou affichez le

élément :

$("button").live("click",function(){

    $("p").slideToggle();

});

四、delegate()方法

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。

参数：

childSelector：必需。规定要添加事件处理程序的一个或多个子元素。

event：必需。规定添加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。

data:可选。传递到该函数的额外参数

function:必需。当事件发生时，运行的函数

语法：$(selector).delegate(childSelector,event,data,function)

举例：当单击

元素内部的

元素时，改变所有

元素的背景颜色：

$("div").delegate("p","click",function(){

    $("p").css("background-color","pink");

});

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!

jquery 命名空间 封装 Delegate Event map function 对象 事件 选择器

Déclaration：

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