0

有一种方法可以改进此代码：

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

先感谢您。

4

1 回答 1

0

在 Multiple appendTo 中，您多次调用 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");
于 2013-07-24T06:15:52.593 回答