jQuery-DOM Manipulation
Posted 猿哥说
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery-DOM Manipulation相关的知识,希望对你有一定的参考价值。
DOM Manipulation
当要操作 DOM 元素的时候,尽量将其分离节点,操作结束后,再插入节点;
使用字符串连接或
array.join
要比.append()
性能更好;
var $myList = $("#list-container > ul").detach();
//...a lot of complicated things on $myList
$myList.appendTo("#list-container");
// Not recommended
var $myList = $("#list");
for(var i = 0; i < 10000; i++){
$myList.append("<li>"+i+"</li>");
}
// Recommended
var $myList = $("#list");
var list = "";
for(var i = 0; i < 10000; i++){
list += "<li>"+i+"</li>";
}
$myList.html(list);
// Much to recommended
var array = [];
for(var i = 0; i < 10000; i++){
array[i] = "<li>"+i+"</li>";
}
$myList.html(array.join(''));
猿哥 | 微信/QQ号:2345775
以上是关于jQuery-DOM Manipulation的主要内容,如果未能解决你的问题,请参考以下文章