Nutzungsanalyse von trigger() und bind() in jQuery_jquery

Die Beispiele in diesem Artikel beschreiben die Verwendung von trigger() und bind() in jQuery. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Trigger (Typ)

Lösen Sie für jedes passende Element eine Art Ereignis aus.

Rückgabewert:jQuery

Parameter:

Typ (String): Der Typ des auszulösenden Ereignisses

Beispiel:

Code kopieren Der Code lautet wie folgt:

$("p").trigger("click")

1.trigger() Auslöseereignis

Diese Methode ist eine neue Funktion in jQuery 1.3, die Triggerereignisse verursacht.
Die Ereignisse hier sind genau wie die Ereignisspalte im jQuery-Hilfedokument, wie z. B. Click, Mouseover, Keydown und andere js-Ereignisse mit Aktionen, während „show“ und „hide“ Effekte und keine Ereignisse sind.

2. Warum trigger() verwenden?

Ich glaube, jeder hat diese Idee, wenn er zum ersten Mal mit uns in Kontakt kommt?

Auf der Titelseite steht zum Beispiel: bd38f46914269f40e05faa352becc824 94b3e26ee717c64999d7867364b1b4a3 Sie möchten dieses Ereignis ausführen, wenn die Seite geladen wird, und das Klickereignis an dieses p binden (schreiben Sie den folgenden Code in $(function(){});):

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

Wenn Sie trigger() verwenden, müssen Sie es so schreiben:

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

Wäre es nicht schwieriger, so zu schreiben? Man kann das sagen, aber der größte Vorteil der Verwendung von trigger() besteht darin, dass Parameter übergeben werden können. Zum Beispiel:

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

kann auch so geschrieben werden:

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

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.