大佬教程收集整理的这篇文章主要介绍了在jQuery中创建DOM元素之间的区别,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
>按字符串:
$('<a href="http://www.example.com" class="footerLink" rel="external">example</a>');`
$('<a></a>') .addClass('footerLink') .attr({ rel: 'external,href: 'http://www.example.com' }) .text('example');
>使用它创建元素并传递属性对象:
$('<a></a>',{ 'class': 'footerLink',href: 'http://www.example.com',rel: 'external' }) .text('example');
var dom = '<a href="http://www.example.com" class="footerLink" rel="external">example</a>'; $(element).html(dom);
在你的示例中你拥有的三个中最快的应该是第三个,因为它不需要进行任何复杂的字符串解析,并且不使用链式函数调用来放置属性,而是作为单个对象提供.选择器的参数.
There is a forum thread on jQuery you may want to check out.
更新:
如果要为元素创建大量项目,那么您一定要采用字符串方法.看一下制作1000个列表元素的以下示例.
// Assume we have data defined with 1000 data members // each containing a text property var list = []; for (var i = 0; i < data.length; i++) { list.push('<li>' + data.text + '</li>'); } $(ul).html(list.join(''));
以上是大佬教程为你收集整理的在jQuery中创建DOM元素之间的区别全部内容,希望文章能够帮你解决在jQuery中创建DOM元素之间的区别所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。