jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 使用jQuery向DOM注入HTML的最好方法是什么?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在一个日历页面上工作,允许用户点击一天,并在弹出的表单中输入该日期的条目.

我并不陌生,DOM操纵与jQuery,但这是我以前做过的事,我开始怀疑是否有更有效的方法来做到这一点?

JavaScript中手动构建HTML是最有效的方式(我假设这是真的,使用像appendTo()等等),或者在DOM中创建一个隐藏的构造,然后克隆更好?

理想情况下,我想知道这样做的最佳方法,以提供代码整合和性能间的平衡.

谢谢,

解决方法

在JavaScript中使用大量的HTML字符串可以非常@L_674_11@地变得非常丑陋.因此,可能值得一个JavaScript“模板引擎”.他们不需要复杂 – 通过Resig查看 this one.

如果你不是这样,那么只要你继续下去就可以了.只要记住,与字符串操作相比,DOM操作通常相当慢.

这个性能差距的一个例子:

// DOM manipulation... slow
var items = ['list item 1','list item 2','list item 3'];
var UL = $('<ul/>');
$.each(items,function(){
    Ul.append('<li>' + this + '</li>');
});

// String manipulation...fast
var items = ['list item 1','list item 3'];
var UL = $('<ul/>').append( '<li>' + items.join('</li><li>') + '</li>' );

大佬总结

以上是大佬教程为你收集整理的javascript – 使用jQuery向DOM注入HTML的最好方法是什么?全部内容,希望文章能够帮你解决javascript – 使用jQuery向DOM注入HTML的最好方法是什么?所遇到的程序开发问题。

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

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