Heim > Web-Frontend > js-Tutorial > Interpretation des jQuery-Quellcodes hasClass() Methode Analysis_jquery

Interpretation des jQuery-Quellcodes hasClass() Methode Analysis_jquery

WBOY
Freigeben: 2016-05-16 16:13:30
Original
1573 Leute haben es durchsucht

In diesem Artikel wird die hasClass()-Methode der jQuery-Quellcode-Interpretation detaillierter analysiert. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Code kopieren Der Code lautet wie folgt:
jQuery.fn.extend({
HasClass: Funktion( Selektor) {
// Weisen Sie den zu prüfenden Klassennamen-Selektor dem Klassennamen zu, und l ist die Länge des aktuell zu prüfenden jQuery-Objektarrays, das vom Selektor ausgewählt wurde.
          var className = " " selector " ",
            i = 0,
              l = this.length;
//Schleife zur Überprüfung des Klassennamens jedes DOM-Elements
für ( ; i < l; i ) {
//this[i].nodeType === 1, Bestimmen Sie den Knotentyp des aktuellen DOM-Knotens, 1 repräsentiert den Elementknoten.
//this[i].className, ruft den vorhandenen Klassennamen des aktuellen DOM-Knotens ab.
//rclass = /[trnf]/g, replace(rclass, „“) bedeutet, Tabulatorzeichen, Zeilenvorschubzeichen, Wagenrücklaufzeichen usw. im aktuellen Klassennamen des DOM-Knotens zu entfernen.
//indexOf(className), beginnen Sie mit der Suche nach dem Klassennamen des aktuellen DOM-Knotens, um zu sehen, ob es den Klassennamen gibt, den Sie überprüfen möchten. Wenn >=0 bedeutet, dass er existiert, geben Sie true zurück und verlassen Sie die Funktion .
If ( this[i].nodeType === 1 && (" " this[i].className " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
                   return true;
            }
}
// Nach Abschluss der Schleifenprüfung wird festgestellt, dass der zu überprüfende Klassenname nicht in jedem DOM-Element gefunden wird. Geben Sie dann false zurück und verlassen Sie die Funktion.
// Es ist ersichtlich, dass, solange der Klassenname eines DOM-Elements in Ihrem jQuery-Objektarray den gesuchten Klassennamen enthält, true zurückgegeben wird und die Funktion verlassen wird.
         return false;
}
});

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

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