来自多个appendTo的Jquery单个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

在多个appendTo中，您需要多次调用jquery构造函数，这会使代码变慢并降低性能。

在单个appenTo中，您只需调用一次jquery构造函数，就可以提高性能并以更快的方式完成相同的工作

检查performance http://jsperf.com/appendto-vs-multiple-appendto的比较

Single 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");