Вот Ваш пример «в одну строчку» на 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-х миллисекунд на каждой тысячи.