jQuery .html（）与.append（）

大佬教程收集整理的这篇文章主要介绍了jQuery .html（）与.append（），大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决jQuery .html（）与.append（）？

每当您将HTML字符串传递给jquery的任何方法时，都会发生以下情况：

创建了一个临时元素，我们称它为x。x INNERHTML设置为您传递的HTML字符串。然后，jquery将把每个产生的节点（即xchildNodes）转移到新创建的文档片段中，然后将其缓存下一次。然后，它将片段的片段childNodes作为新的DOM集合返回。

请注意，它实际上要比这复杂得多，因为jquery进行了大量的跨浏览器检查和各种其他优化。例如，如果您仅将传递<div></div>给jquery()，则jquery将采用快捷方式并简单地执行document.createElement('div')。

INNERHTML是 一般 的快的方法，虽然不要让支配你做什么，所有的时间。jquery的方法并不element.INNERHTML = ...像我所提到的那么简单-正如我提到的，正在发生大量检查和优化。

正确的技术在很大程度上取决于情况。如果要创建大量相同的元素，那么最后要做的就是创建一个巨大的循环，在每次迭代中创建一个新的jquery对象。例如，使用jquery创建100个div的最快方法：

jquery(Array(101).join('<div></div>'));

还有一些可读性和维护性问题要考虑在内。

这个：

$('<div ID="' + somEID + '" class="foobar">' + content + '</div>');

......是 很多 难以维持比这个：

$('<div/>', {
    ID: somEID,
    classname: 'foobar',
    HTML: content
});

解决方法

<div id='myDiv'></div>

$('#myDiv').html("<div id='mySecondDiv'></div>");

var mySecondDiv=$("<div id='mySecondDiv'></div>");
$('#myDiv').append(mySecondDiv);

大佬总结

以上是大佬教程为你收集整理的jQuery .html（）与.append（）全部内容，希望文章能够帮你解决jQuery .html（）与.append（）所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。