如何高效生成大批量的有规律的的DIV、input等页面元素
需求：页面上要有200个div(height:20px;width:20px，id为 s1-s200)、100个input,但是type不一样，id也是和div一样有规律递增。

我想到用JQ循环生成，这样对比直接在页面上写几百个div，哪种方法好？

从页面加载来看，哪种高效？

var startTime = new Date().valueOf();
//循环生成200个div
 return new Date().valueOf() - startTime;
 我用此代码测试后发现不一定哪个快，求高人指点，非常感谢！
------解决方案--------------------
页面是先生成div等页面元素然后再执行JQ，从加载时间上看，直接敲在页面比用JQ生成要快，因为JQ要等DOM加载完，然后循环append到body中。
------解决方案--------------------

引用:

几百个元素肯定是不能手工书写的
要么是服务器端脚本用循环，要么是客户端脚本用循环
前者传输时间长些，后者运行时间长些

我觉得这么多怎么也不能去用服务器循环，服务器最终只要一个结果，那还是在客户端弄得妥妥的再发到服务器
------解决方案--------------------
把div都拼装好，一次性append。我的测试例子是1000个，刷新页面并没感觉有滞后。