插入用jquery创建的元素和直接插入字符串的区别?
( function() {
var $div = $( '<div></div>' ).html( '我是jquery创建的' );
var div = '<div>我是字符串</div>';
$( 'body' ).append( $div);
$( 'body' ).append( div );
} )()试了一下, 结果都是一样.
对于动态插入元素到页面中, 这两种方式有什么本质上的区别?
哪一种方案更好?
展开
收起
1
条回答
写回答
写回答
-
`var $div = $( '
' ).html( '我是jquery创建的' );
$( 'body' ).append( $div);`
第一句：
先要createElement一个div的element对象，再传给jQuery返回一个jQuery对象；
.html()是要先清空其内的所有内容，然后再向其内填充参数中的内容（即那段字符串）；
第二句：.append($div)这句，.append()会先判断参数是否为jQuery对象，然后将其追加 .前面的对象中（这里忽略无关题意的细节）`var div = '
我是字符串';
$( 'body' ).append( div );`
第一句：
只是创建一段字符串而已，然后赋值给div；
第二句：
.append(div)，跟上面说的一样，会先判断这个div是否为jQuery对象，如果不是，先转为jQuery对象。所以这里也就类似之前那种情况中的第一句：createElement一个div的element对象，再传给jQuery返回一个jQuery对象。然后就跟第一种第二句后边一样了。总结一下：
两种区别就是生成element的时机不同；
效率上，第一种比第二种多了清空和插入内容的步骤。
建议：$( '<div></div>' ).html(...)一般不会这么用，如果element对象是当前域中动态创建的，那么一般都会像第二种方式来创建。一般.html(...)这种情况，.之前是获取页面中已存在的element。2019-07-17 19:17:10赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
