变态的全选（上万个复选框的全选你享受过吗？）讨论第3页: - Jquery

群组首页 → Web前端 → Jquery → 论坛

发表回复

« 上一页 1 2 3 4 5 下一页 »

变态的全选（上万个复选框的全选你享受过吗？）

hrj324 2011-05-24

学了一招。

zygege 2011-05-25

int08h 写道

jquery的循环真的不算慢，楼上可以试试1W个复选框用jquery循环和直接DOM循环差多少，我估计差不到5%

1W个checkbox全选是没做过，但在地图上放1W个标记这事倒是干过，有些优化是有固定方法的，比如移除DOM，不要再去想更复杂的了……

别说1W个了，我曾经达到几百个，一次性CHECK，用Jq马上页面假死，用DOM速度那叫一个快。

yizhilong28 2011-05-25

建议参考下分页

int08h 2011-05-25

zygege 写道

int08h 写道

别说1W个了，我曾经达到几百个，一次性CHECK，用Jq马上页面假死，用DOM速度那叫一个快。

var fragment = document.createDocumentFragment();
for (var i = 0; i < 10000; i++) {
    var input = document.createElement('input');
    input.type = 'checkbox';
    fragment.appendChild(input);
}
document.body.appendChild(fragment);

var jq = $('input');
var dom = document.getElementsByTagName('input');

console.time('jquery');
jq.attr('checked', true);
console.timeEnd('jquery');

console.time('dom');
for (var length = dom.length, i = 0; i < length; i++) {
    dom[i].checked = false;
}
console.timeEnd('dom');

以上测试代码，运行结果如下：

jquery: 77598ms
dom: 79126ms

不知道你那的结果如何……