无论何时将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('

还要考虑可读性和维护性问题。

这个:

$('

' + content + '

');

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

$('

id: someID,

className: 'foobar',

html: content

});

append html 是字符串,jquery .html()vs .append()相关推荐

  1. 如何用append连接html文件,jquery append()怎么用?

    append()是jquery中的一个内置函数,用于在被选元素的结尾插入指定内容.下面本篇文章给大家介绍一下jquery append()方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有 ...

  2. jQuery中的append()和appendTo()方法

    jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...

  3. Jquery基础:append、prepend、after、before、appendTo的区别

    append() 是在被选元素的结束标签前面(即改被选元素的内部)插入指定内容. <html><head><script type="text/javascri ...

  4. Java中字符串连接符(+)和append的区别

    参考链接:https://www.jianshu.com/p/849f1d443b3a 文章结构: 第一部分:对+的原理进行分析 第二部分:+ 和 append 循环对比(贴出代码,以及分别循环后的反 ...

  5. 问题 C: 编写函数:字符串的复制 之一 (Append Code)

    题目描述 将输入的一个字符串s拷贝输出. 编写一个函数str_cpy()求一个串的拷贝: 原型:char * str_cpy(char * t, char * s); 功能:把串s复制到串t中,返回值 ...

  6. jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery创建添加元素 jquery支持直接使用h5代码作为参数创建元素,将元素添加到dom树中append.prepen ...

  7. jquery方法之append()与appendto()

    在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同,但是两者也有区别. 1.append()方法:在被选元素的结尾(但仍在元素内部)插入指定的内容. a.语法:$ ...

  8. jquery dom 节点append、before、after、prepend、insertBefore、empty、remove等添加、移除操作汇总

    之前有个项目前端页面会根据权限进行DOM操作,比如:增加新增.编辑按钮,增加表格操作列等,涉及节点新增.某个节点前后插入.节点移除等操作,在此,对jquery DOM节点的各种操作做一总结. 1.父节 ...

  9. append方法实现字符串的拼接

    package com.it.pinjieString; /*需求:定义一个方法,把int数组中的数据按照指定的格式拼接成一个字符串进行返回,调用该方法,并在控制台输出结果, //例如,数组为int[ ...

最新文章

  1. linux sed命令新文件名,linux中sed命令批量修改
  2. 用计算机弹剪刀刺客,刺客伍六七:阿七使用过的四种武器,剪刀最常用,这个需要臂力!...
  3. 如何应对“吴恩达:人工智能落地最重要的挑战之一是小数据”的困境?
  4. Ubuntu 12.10使用apt安装Oracle/Sun JDK
  5. 三大运营商一季度财报出炉:营收集体下降
  6. 几个互联网巨头的社区团购还不收手?
  7. ubantu系统之快捷键使用
  8. 跟我一起数据挖掘(22)——spark入门
  9. axure后台示例_【Axure电商案例】如何设计和真的后台一样给客户看
  10. maven 阿里下载源 setting.xml
  11. 牛顿迭代法求解根号a的Matlab代码
  12. 利用FFmpeg合并音频和视频
  13. 微信小程序开发 uniapp【bug修复】点击事件 传值 数据结构错误 $orig
  14. 炼数成金--支持向量机 笔记
  15. 这年头视频编辑软件也开始内卷了,功能这么强居然免费
  16. IDEA中SVN项目不同颜色含义
  17. 安卓初学之基准线实战
  18. 3年Android开发工程师面试经验分享,先收藏了
  19. 8/14 二维高斯函数
  20. 2015实习准备之C/C++篇(未完待续)

热门文章

  1. 数据仓库之主题模型之IBM与TD金融模型
  2. mysql不包含模糊查询
  3. 使用c语言判断是闰年还是平年
  4. 毕业论文找文献是个问题,我直接用python把全网文献爬了一遍,这波就很舒服
  5. 一个女程序员的心酸和无奈
  6. win10软件安装出现错误代码2503/2502,解决方案
  7. android各版本api区别,Android各个版本API的区别
  8. Linux下批处理文件编写
  9. 网络协议——七层、五层、四层协议概念
  10. nodejs+vue高校教室管理系统