Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Erläuterung des Problems der Bindung von Ereignissen in der JQuery-Schleife

韦小宝
Freigeben: 2017-11-29 11:22:48
Original
1698 Leute haben es durchsucht

Es gibt eine Seite, die N DOMs erfordert. Wenn wir jQueryEreignisse manuell an den Dom binden müssen, wird der Arbeitsaufwand enorm sein, und auch die Menge an Code wird enorm sein Wenn es zunimmt, sieht es chaotisch aus. Zu diesem Zeitpunkt können wir jQueryLoop verwenden, um Ereignisse zu binden, um die Arbeitsbelastung und die Menge an jQuery-Code zu reduzieren.

Es gibt eine Seite, die N DOMs erfordert. Die Element-ID in jedem DOM muss mit einer Zahl enden. Zum Beispiel:

<input type="text" name="username" id="username_1" value="" />
<input type="text" name="username" id="username_2" value="" />
<input type="text" name="username" id="username_3" value="" />
Nach dem Login kopieren

Jetzt gibt es eine Schleife Manchmal muss man jedem Element ein onclick-Ereignis hinzufügen. Es ist leicht, es als

$(function(){
 for(var i=1; i<=3; i++){
  $(&#39;#username_&#39;+i).onclick(function(){
   alert(i);
  });
 }
});
Nach dem Login kopieren

zu schreiben. . .

Dann ändern Sie es einfach wie folgt:

$(function(){
 for (var i=1; i<=3; i++){
  $("#username_"+i).bind("click", {index: i}, clickHandler);
 }

 function clickHandler(event) {
  var i= event.data.index;
  alert(i);
 }
});
Nach dem Login kopieren

Das Obige ist eine detaillierte Erklärung des Problems der JQuery-Bindungsereignisse in einer Schleife. Für weitere Informationen suchen Sie bitte auf dieser Website .

Verwandte Empfehlungen:

Code basierend auf der JQuery-Schleifenzuordnung function_jquery

JQuery kreisförmiges Bildlaufbild code_jquery

jQuery kreisförmiges Bildlaufbild-Beispielcode_jquery

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung des Problems der Bindung von Ereignissen in der JQuery-Schleife. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage