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

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

Si vous utilisez trigger(), vous devez l'écrire comme ceci :

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

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

peut aussi s'écrire ainsi :

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

J'espère que cet article sera utile à tous ceux qui programment jQuery.