jQuery的$（）包含大量的HTML。什么会影响性能？

我用$（）封装了大量的HTML大约需要250毫秒。什么会影响性能：html字符串的长度或html字符串中元素的数量？

2012-02-22 Matthew

你能告诉你怎么做吗？ – 2012-02-22 13:12:03

var $ html = $（html）; – Matthew 2012-02-22 13:14:23

两者，但元素的数量比字符串长度有更大的影响。

字符串越长，解析该字符串所需的时间越长。

需要创建的元素数量越多，需要的时间就越长。

如果你真的好奇，为什么不create a jsPerf test case？在第一个测试中，你可以有一个带有大量文本内容的段落，在第二个测试中，你可以放置多个没有内容的<p>元素。确保两个琴弦具有相同的长度。

更新：我创建了一个示例jsPerf测试用例，它演示了元素的数量确实比字符串长度重要得多。 http://jsperf.com/jquery-htmlstring

2012-02-22 13:11:56

优秀测试！ – Matthew 2012-02-22 13:46:06

您使用.html（）函数进行测试，但问题是使用$（）包装html字符串。你认为这是一样的吗？ – Matthew 2012-02-22 14:00:37

@Matthew：我调整了明确使用'$（htmlString）'的测试。结果是一样的。 – 2012-02-22 14:29:39

回答