Аналог document.createElement для jQuery?

Вот Ваш пример «в одну строчку» на jQuery:

this.$OuterDiv = $(''<div></div>'')
.hide()
.append($(''<table></table>'')
.attr({ cellSpacing : 0 })
.addClass("text")
)
;

Однако, Вы очень правильно написали, что короче — не значит лучше, тем более что размер кода в данном случае уменьшается совсем не значительно. Я провёл небольшой бенчмарк-тест из циклом, который повторяет вышеупомянутые коды около 100 тысяч раз. Вот что я получил:

Chrome 11 Firefox 4 IE9
jQuery div 440ms 640ms 460ms
jQuery div + /div 420ms 650ms 480ms
createElement 100ms 180ms 300ms

Результат вполне ожидаем: «createElement» работает быстрее (старые версии jQuery были ещё более медлительны). Но, естественно, надо понимать, что потери производительности могут иметь значение, только если Вы создаёте тысячи DIVов. Тогда Вы можете потерять около 3-х миллисекунд на каждой тысячи.

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector