Jquery одного appendTo из нескольких appendTo

Question

есть способ улучшить этот код:

jQuery('<img />',{alt:"Logo",src:"img/logo.jpg"}).appendTo("#scrittacentro"); 
jQuery('<h1 />',{text:'THE LCARS COMPUTER NETWORK',class:'cLightOrange lcars'}).appendTo("#scrittacentro"); 
jQuery('<h2 />',{text:'Authorized Access Only',class:'cDarkBlue helvetica'}).appendTo("#scrittacentro"); 
jQuery('<h3 />',{text:'Please Report Malfunctions To Engineering Staff On Duty',class:'cDarkBlue helvetica'}).appendTo("#scrittacentro"); 

На что-то вроде этого:

jQuery(
    '<img />',{alt:"Logo",src:"img/logo.jpg"}, 
    '<h1 />',{text:'THE LCARS COMPUTER NETWORK',class:'cLightOrange lcars'}, 
    '<h2 />',{text:'Authorized Access Only',class:'cDarkBlue helvetica'}, 
    '<h3 />',{text:'Please Report Malfunctions To Engineering Staff On Duty',class:'cDarkBlue helvetica' 
}).appendTo("#scrittacentro"); 

Спасибо заранее.

Answer 1

В нескольких приложениях вы вызываете конструктор jquery много раз, что делает код медленнее и снижает производительность.

В одном appenTo вы вызова JQuery конструктору один раз, что увеличивает производительность и делает ту же работу быстрее образом

Проверить В сравнение производительности http://jsperf.com/appendto-vs-multiple-appendto

Одно appendTo лучше

Ваш код может быть уменьшен

js

jQuery('<img alt="Logo" src="img/logo.jpg"><h1 class="cLightOrange lcars">THE LCARS COMPUTER NETWORK</h1><h2 class="cDarkBlue helvetica">Authorized Access Only</h2><h3 class="cDarkBlue helvetica">Please Report Malfunctions To Engineering Staff On Duty</h3').appendTo("body");