Maison >interface Web >js tutoriel >Live() et die() ont été supprimés de jquery, et la nouvelle version des méthodes de liaison d'événements on() et off() est expliquée en détail

Live() et die() ont été supprimés de jquery, et la nouvelle version des méthodes de liaison d'événements on() et off() est expliquée en détail

黄舟
黄舟original
2017-06-26 09:48:251688parcourir

L'éditeur ci-dessous vous apportera un article jquery a supprimé live() et die(), et la nouvelle version de event lie les méthodes on() et off() . L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un œil.

J'ai eu mal aux couilles pendant près de 10 minutes, peu importe comment je l'ai appelé, j'ai eu une erreur. Après une dernière vérification, il s'est avéré que jquery avait supprimé le live(. ) et die(). La nouvelle méthode de liaison d'événement on() et la méthode de dissociation off() sont utilisées

Par rapport à live(), la nouvelle méthode de liaison on() est plus efficace que la précédente. Parce que live() est corrigé sur le nœud document. Si les éléments liés sont imbriqués dans une couche profonde, la diffusion des événements niveau par niveau affectera certainement l'efficacité. On() est lié à l'élément sélectionné par $() et la profondeur d'imbrication peut être librement sélectionnée.

paramètres on() on( events [, selector ] [, data ], handler(eventObject) )

Le deuxième paramètre est facultatif et peut être spécifié A élément lié, par exemple :

$(".box").die().on('click','button',function(){});

De cette façon, il est lié à l'élément bouton dans l'élément .box

peut être lié. en même temps. Définissez plusieurs événements :

$(".demonstrate").on("mouseover mouseout","ul li",function(e){
if(e.type=="mouseover"){
$(this).addClass("over");
}else{
$(this).removeClass("over");
}
  })

on() peut également recevoir un paramètre d'objet. L'attribut de l'objet est le type d'événement, et le. la valeur de l'attribut est Gestion des événements fonction :

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!

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