Maison > interface Web > js tutoriel > Analyse de l'utilisation de trigger() et bind() dans jQuery_jquery

Analyse de l'utilisation de trigger() et bind() dans jQuery_jquery

WBOY
Libérer: 2016-05-16 15:24:43
original
1141 Les gens l'ont consulté

Les exemples de cet article décrivent l'utilisation de trigger() et bind() dans jQuery. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

déclencheur(type)

Déclenchez un type d'événement sur chaque élément correspondant.

Valeur de retour : jQuery

Paramètres :

type (String) : Le type d'événement à déclencher

Exemple :

Copier le code Le code est le suivant :
$("p").trigger("click")

Événement déclencheur 1.trigger()

Cette méthode est une nouvelle fonction de jQuery 1.3 qui provoque des événements déclencheurs.
Les événements ici ressemblent à la colonne des événements du document d'aide de jQuery, tels que les clics, les survols de la souris, les touches enfoncées et d'autres événements js avec des actions, tandis que l'affichage et le masquage sont des effets et non des événements.

2. Pourquoi utiliser trigger() ?

Je crois que tout le monde a cette idée lorsqu'il entre en contact pour la première fois ?

Par exemple, sur la première page il y a :

Veuillez cliquer ici !

Vous souhaitez exécuter cet événement lorsque la page est chargée et lier l'événement click à ce p (écrivez le code suivant dans $(function(){}); :

$("#p1").click(function(){
  alert("hello!");
});

Copier après la connexion
Si vous utilisez trigger(), vous devez l'écrire comme ceci :

$("#p1").click(function(){
  alert("hello!");
}).trigger(click);

Copier après la connexion
Ne serait-il pas plus gênant d'écrire comme ça ? On peut dire cela, mais le plus grand avantage de l'utilisation de trigger() est qu'il peut transmettre des paramètres. Par exemple :

//myEvent为自定义事件名
$("#p1").bind("myEvent",function(event,str1,str2) {
  alert(str1 + ' ' + str2); 
});
$("#p1").trigger("myEvent",["Hello","World"]);

Copier après la connexion
peut aussi s'écrire ainsi :

$("#p1").bind("myEvent",function(event,str1,str2) {
  alert(str1 + ' ' + str2);
}).trigger("myEvent",["Hello","World"]);

Copier après la connexion
J'espère que cet article sera utile à tous ceux qui programment jQuery.

É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