jQuery html()表现得很慢

Question

我正在测试我之前读过的有关随机Math.random()真实性的内容,并希望显示10000个数字,这些数字应该是0到10000000之间的随机数.

为了看测试,我选择将随机数组加入到<br>每个整数之间的字符串中.然后我就做了$("#"+elm).html(randomNumberString);,这真的很慢.我只想到它是将随机数生成和排序到数组中.但是当我开始在我的代码中放置定时器时,它变得很有吸引力,它的输出正在减慢一切.

就像我做的测试一样 document.getElementById(elm).innerHTML = randomNumberString;

jQuery.html():2500ms getElementById.innerHTML:170ms

我在所有5个浏览器中尝试了这个,并且所有浏览器中的数字非常接近......我在这个实例中使用jQuery错了吗？我也尝试在计时器启动之前追加并获取元素,所以我可以这样做$(elm).html(),但这没有帮助.这似乎是html()减慢一切的实际功能..？

编辑我最终这样做:

randomStringNumber = "<div>" + randomStringNumber + "</div>";

现在整个事情运行得更快:jQuery.html():120ms getElementById.innerHTML:80ms

但是,使用oldschool html仍然更快.如果有人能够回答为什么将它包装在一个元素中更快,我会很感激......

Answer 1

25提示改善你的jquery使用