JQuery Speed ​​Test: $ (this) vs .get () vs .eq ()

Jede Schleifen -Cache -Leistung - Test, um festzustellen, ob das aktuelle Element aus dem jeweils jeweils von einem zwischengespeicherten Elementen möglich/schneller ist. Nämlich $ (this) vs .get () vs .eq () mit .Text () und textContent/InnerText . Tests werden mit JQuery 1.9.1 durchgeführt. Ähnlich wie: JQuery Speed ​​Test: $ (this) .attr („ID“); vs this.id.

• .get () und .eq () geben beide ein einzelnes „Element“ aus einem JQuery -Objekt -Array zurück, aber sie geben das einzelne Element in verschiedenen Formen zurück.
• .eq () gibt es als JQuery -Objekt zurück, was bedeutet, dass das DOM -Element in die Jquery -Wrapper eingewickelt ist, was bedeutet, dass es JQuery -Funktionen akzeptiert.
• .get () geben ein rohe Dom -Element zurück. Sie können es manipulieren, indem Sie auf seine Attribute zugreifen und seine Funktionen wie in einem rohen DOM -Element aufrufen. Aber es verliert seine Identität als JQuery-umgewickeltes Objekt, sodass eine JQuery-Funktion wie .fadein nicht funktioniert.

Setup

   
       list
       
         
             nested 1
             nested 2
             nested 3
         
       
       list
         
             nested 1
             nested 2
             nested 3
         
       list
         
             nested 1
             nested 2
             nested 3
         
       list
   
   


  Benchmark.prototype.setup = function() {
    MY_OBJECT = 
        {
            cache: {},
        
            init: function()
            {
                this.cache.c = $('#container');
                this.cache.n = this.cache.c.find('.nested');
    this.cache.s = this.cache.c.find('#status');
            }
        }
    MY_OBJECT.init();
  };

Tests

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text($(this).text());
</span><span>});
</span>

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text(MY_OBJECT.cache.n.eq(i).text());
</span><span>});
</span>

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text(MY_OBJECT.cache.n.get(i).textContent);
</span><span>});</span>

häufig gestellte Fragen (FAQs) zu JQuery EQ () Methode

Was ist die Hauptfunktion der jQuery EQ () -Methode? Es wird hauptsächlich verwendet, um ein Element mit einer bestimmten Indexnummer aus einer Gruppe ähnlicher Elemente auszuwählen. Der Index in JQuery startet von 0, was bedeutet, dass sich das erste Element am Index 0 befindet, das zweite Element ist bei Index 1 und so weiter. Diese Methode ist besonders nützlich, wenn Sie Änderungen auf ein bestimmtes Element in einer Gruppe anwenden möchten, ohne die anderen zu beeinflussen. 🎜> Während sowohl die EQ () -Methode als auch der: EQ () Selektor in jQuery verwendet werden, um ein Element basierend auf seinem Index auszuwählen, gibt es einen Schlüsselunterschied zwischen den beiden. Die EQ () -Methode filtert die Elemente aus einem JQuery -Objekt, was bedeutet, dass sie auf einer Reihe von Elementen funktionieren kann, die bereits von anderen JQuery -Methoden manipuliert werden. Andererseits funktioniert der: EQ () Selektor direkt in den DOM -Elementen. Dies bedeutet, dass nur Elemente ausgewählt werden können, die beim Laden der Seite existieren. Methode? Wenn eine negative Zahl verwendet wird, zählt die Methode vom letzten Element rückwärts. Beispielsweise wählt EQ (-1) das letzte Element aus, EQ (-2) wählt das zweite letzte Element usw. Die jQuery EQ () -Methode? Dies bedeutet, dass keine Aktion ausgeführt wird, da es kein Element gibt, auf das man handeln kann.

Kann ich andere jQuery -Methoden mit der EQ () -Methode ketten? Dies ist eines der leistungsstarken Merkmale von JQuery, mit dem Sie mehrere Aktionen für die ausgewählten Elemente in einer einzelnen Codezeile ausführen können.

Um alle gleichmäßigen oder ungeraden indizierten Elemente auszuwählen, können Sie die EQ () -Methode in einer Schleife verwenden. Für gleichmäßige indizierte Elemente können Sie die Schleife aus dem Index 0 starten und um 2. Inkrementieren für ungerade indizierte Elemente können Sie die Schleife aus dem Index 1 starten und durch 2.

ist der EQ () -Methodefall- Empfindlich? Es wählt einfach Elemente basierend auf ihrer Indexnummer aus, unabhängig vom Fall ihrer Tags oder Attribute. Die EQ () -Methode mit anderen JQuery -Selektoren. Auf diese Weise können Sie Ihre Auswahl eingrenzen und Änderungen auf bestimmte Elemente anwenden, die bestimmte Bedingungen erfüllen. als getrennte Elemente. Dies bedeutet, dass jedes verschachtelte Element eine eigene Indexnummer hat, die verwendet werden kann, um es mit der EQ () -Methode auszuwählen. 🎜>

Ja, Sie können die EQ () -Methode verwenden, um Elemente auszuwählen, die dem DOM dynamisch hinzugefügt wurden. Sie müssen jedoch sicherstellen, dass die EQ () -Methode aufgerufen wird, nachdem die neuen Elemente hinzugefügt wurden, sonst kann sie sie nicht finden.

Das obige ist der detaillierte Inhalt vonJQuery Speed ​​Test: $ (this) vs .get () vs .eq (). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!