jQuery:$(模板)vs .clone()

前端之家收集整理的这篇文章主要介绍了jQuery:$(模板)vs .clone()前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我们有一个复杂的字符串模板(可能是包含许多其他标签的div),我们需要多次将此 HTML节点添加到现有文档中.

每次从模板创建HTML节点会更快吗?

var $html = $(template); // 1st run
var $html = $(template); // 2st run
...

或者只创建一次,然后克隆它们:

var $template = $(template); // init
var $html = $template.clone() // 1st run
var $html = $template.clone() // 2st run
...

解决方法

对于短模板,使用模板似乎始终比在目前为止测试的所有浏览器上的克隆更快,除了Opera(一个测试用例,性能相同).谢谢大家的测试用例.

http://jsperf.com/clone-versus-template

更新:

这是使用jQuery构建的长模板和模板的测试:

http://jsperf.com/clone-versus-template/4

最后一次测试显示克隆方法远远优于Chrome,Firefox和Opera等模板方法,但它们在IE9中是相同的

猜你在找的jQuery相关文章