jquery - $ ('<div>'，{id : 'bla' }) versus $ ('<div id="bla"></div>);

Question

以下之间的速度有什么区别:

$('<div>', {id: 'bla', click: func, css: { opacity:0.5 } }

并且全部内联完成？

$('<div id="bla" style="opacity:0.5"></div>').click(func);

jquery 在第二个示例中内部做了什么？只需调用 .innerHTML 还是尝试解析它，然后执行与第一个示例完全相同的操作？

Answer 1

当我们将 html 标记作为输入传递给 $() 时，它使用 document.createDocumentFragment 动态创建元素，然后使用 childnodes 属性检索实际元素并执行所需的操作。