无论何时将HTML字符串传递给任何jQuery方法,都会发生以下情况:
创建一个临时元素,我们称之为x。x innerHTML被设置为您传递的HTML字符串。然后jQuery将每个生成的节点(即x childNodes)转移到新创建的文档片段,然后它将在下次缓存。然后它将片段childNodes作为新的DOM集合返回。
请注意,它实际上要复杂得多,因为jQuery会进行一系列跨浏览器检查和各种其他优化。例如,如果你只是
编辑:要查看jQuery执行的大量检查,请查看此处,此处和此处。
innerHTML是一般的快的方法,虽然不要让支配你做什么,所有的时间。jQuery的方法并不element.innerHTML = ...像我提到的那么简单- 有一堆检查和优化发生。
正确的技术很大程度上取决于具体情况。如果你想创建大量相同的元素,那么你要做的最后一件事是创建一个大规模的循环,在每次迭代时创建一个新的jQuery对象。例如,使用jQuery创建100个div的最快方法:
jQuery(Array(101).join('
还要考虑可读性和维护性问题。
这个:
$('
');......是很多难以维持比这个:
$('
id: someID,
className: 'foobar',
html: content
});