Статьи

Тест скорости jQuery: $ (это) против .get () против .eq ()

Производительность кэша каждого цикла — проверьте, возможно ли / быстрее получить текущий элемент изнутри каждого из кэшированного массива элементов. А именно: $ (this) против .get () против .eq () с .text () и textContent / innerText . Тесты запускаются с помощью jQuery 1.9.1. Аналогично: jQuery Speed ​​Test: $ (this) .attr («id»); против this.id.

дом-кэш-петля-111

  • .get () и .eq () оба возвращают один «элемент» из массива объектов jQuery, но они возвращают один элемент в разных формах.
  • .eq () возвращает его как объект jQuery, то есть элемент DOM помещается в оболочку jQuery, что означает, что он принимает функции jQuery.
  • .get () возвращает необработанный элемент DOM. Вы можете манипулировать им, получая доступ к его атрибутам и вызывая его функции, как если бы вы использовали необработанный элемент DOM. Но он теряет свою идентичность как обернутый в jQuery объект, поэтому функция jQuery, такая как .fadeIn, не будет работать.

Настроить

  • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
    • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
    • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
    • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
  • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
  • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
  • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
  • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
  • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
    • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
    • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
    • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
  • list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list nested 1 nested 2 nested 3 list
  • тесты

     $.each(MY_OBJECT.cache.n, function(i, v) { MY_OBJECT.cache.s.text($(this).text()); }); $.each(MY_OBJECT.cache.n, function(i, v) { MY_OBJECT.cache.s.text(MY_OBJECT.cache.n.eq(i).text()); }); $.each(MY_OBJECT.cache.n, function(i, v) { MY_OBJECT.cache.s.text(MY_OBJECT.cache.n.get(i).textContent); });