jQuery-DOM Manipulation

Posted 猿哥说

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery-DOM Manipulation相关的知识,希望对你有一定的参考价值。


DOM Manipulation

  1. 当要操作 DOM 元素的时候,尽量将其分离节点,操作结束后,再插入节点;

  2. 使用字符串连接或 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的主要内容,如果未能解决你的问题,请参考以下文章

jquery-dom篇

jQuery-DOM操作之复制替换包裹节点

Dom Manipulation - 改变 DOM [重复]

坚持使用JS DOM Manipulation

如何防止header manipulation

Data manipulation in python (module 4)