jquery – 动态添加克隆或创建DOM – 什么更好?

前端之家收集整理的这篇文章主要介绍了jquery – 动态添加克隆或创建DOM – 什么更好?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我希望从ajax调用返回的数组中生成以下列表.

    Box" name="RSS" value="231" />blaBox" name="RSS" value="321" checked="checked" />bleBox" name="RSS" value="431" />abc

以下两个都可以工作(我可能需要调整,但它们很接近.一种方法比另一种方法更受欢迎吗?是否有更好的东西?谢谢

var l=$("#list");
l.html('');
$(data).each(function(){
  l.append('Box" name="RSS" checked="'+((this.selected)?'checked':null)+'" value="'+this.id+'" />'+this.channel+'RSS-clone").clone(true).removeAttr('id').find('input').val(this.id).attr('checked',(this.selected)?'checked':null).parent().text(this.channel));
},'json');

//仅限克隆解决方案:

最佳答案
另见:jQuery and dynamic elements vs display css attribute

需要注意的是,动态创建doms会增加客户端的开销,而克隆现有doms在客户端上的速度很快,但却需要提前渲染和下载它们.

没有比另一个更好,哪一个更适合你取决于你的项目;如果您更关心客户端性能而不是每个请求下载一些额外的字节,那么您可以选择克隆方法.

然而,据我所知,客户端性能不会受到任何方法的严重影响,克隆的速度要快一些,但动态创建元素的速度并不是非常慢.除非你创造了100个这样的选择,否则选择可能只是一个品味问题,即对你来说感觉更好.

但需要注意的是,除非您需要创建许多非常不同的元素,否则克隆是一种更方便的方法,因为如果标记未嵌入JS代码中,您可以轻松地设置样式并修改元素.

原文链接:https://www.f2er.com/jquery/428106.html

猜你在找的jQuery相关文章