append html 是字符串,jquery .html()vs .append()
无论何时将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('
还要考虑可读性和维护性问题。
这个:
$('
');
......是很多难以维持比这个:
$('
id: someID,
className: 'foobar',
html: content
});
append html 是字符串,jquery .html()vs .append()相关推荐
- 如何用append连接html文件,jquery append()怎么用?
append()是jquery中的一个内置函数,用于在被选元素的结尾插入指定内容.下面本篇文章给大家介绍一下jquery append()方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有 ...
- jQuery中的append()和appendTo()方法
jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...
- Jquery基础:append、prepend、after、before、appendTo的区别
append() 是在被选元素的结束标签前面(即改被选元素的内部)插入指定内容. <html><head><script type="text/javascri ...
- Java中字符串连接符(+)和append的区别
参考链接:https://www.jianshu.com/p/849f1d443b3a 文章结构: 第一部分:对+的原理进行分析 第二部分:+ 和 append 循环对比(贴出代码,以及分别循环后的反 ...
- 问题 C: 编写函数:字符串的复制 之一 (Append Code)
题目描述 将输入的一个字符串s拷贝输出. 编写一个函数str_cpy()求一个串的拷贝: 原型:char * str_cpy(char * t, char * s); 功能:把串s复制到串t中,返回值 ...
- jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery创建添加元素 jquery支持直接使用h5代码作为参数创建元素,将元素添加到dom树中append.prepen ...
- jquery方法之append()与appendto()
在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同,但是两者也有区别. 1.append()方法:在被选元素的结尾(但仍在元素内部)插入指定的内容. a.语法:$ ...
- jquery dom 节点append、before、after、prepend、insertBefore、empty、remove等添加、移除操作汇总
之前有个项目前端页面会根据权限进行DOM操作,比如:增加新增.编辑按钮,增加表格操作列等,涉及节点新增.某个节点前后插入.节点移除等操作,在此,对jquery DOM节点的各种操作做一总结. 1.父节 ...
- append方法实现字符串的拼接
package com.it.pinjieString; /*需求:定义一个方法,把int数组中的数据按照指定的格式拼接成一个字符串进行返回,调用该方法,并在控制台输出结果, //例如,数组为int[ ...
最新文章
- linux sed命令新文件名,linux中sed命令批量修改
- 用计算机弹剪刀刺客,刺客伍六七:阿七使用过的四种武器,剪刀最常用,这个需要臂力!...
- 如何应对“吴恩达:人工智能落地最重要的挑战之一是小数据”的困境?
- Ubuntu 12.10使用apt安装Oracle/Sun JDK
- 三大运营商一季度财报出炉:营收集体下降
- 几个互联网巨头的社区团购还不收手?
- ubantu系统之快捷键使用
- 跟我一起数据挖掘(22)——spark入门
- axure后台示例_【Axure电商案例】如何设计和真的后台一样给客户看
- maven 阿里下载源 setting.xml
- 牛顿迭代法求解根号a的Matlab代码
- 利用FFmpeg合并音频和视频
- 微信小程序开发 uniapp【bug修复】点击事件 传值 数据结构错误 $orig
- 炼数成金--支持向量机 笔记
- 这年头视频编辑软件也开始内卷了,功能这么强居然免费
- IDEA中SVN项目不同颜色含义
- 安卓初学之基准线实战
- 3年Android开发工程师面试经验分享,先收藏了
- 8/14 二维高斯函数
- 2015实习准备之C/C++篇(未完待续)