问一个效率问题，大数量元素的批量隐藏和显示

Question

最近做考试系统，试卷基本需要100多题，分几个类型。
我现在是一次性读取所有题，首次加载第一个类型的题。我这样写：
$(".item").css("display","none");
$(".item_"+1).css("display","block");
ie7和搜狗类型ie内核的浏览器，页面会卡几秒钟进行上述操作。感觉很不好。我也试着不用class操作。但还是会卡。请问如果这种情况下该怎么弄呢？
 function initQues(start,end){
        for(var i=start;i<=end;i++){
            $("#d_"+i).css("display","block");
        }
        //其他的循环隐藏
    }jquery效率

Answer 1

比如有五个类型，你试试划分五个不同的div，然后控制这个大div的显示隐藏

Answer 2

数据加载到js 中，不用全部 生成html.需要显示时。才设置 innerHTML 

Answer 3

这个方法也好，动态生成DOM。
可以结合来用。

Answer 4

一个就是根据类型放div，还有类似ajax 瀑布流，鼠标滚动显示。看你需要。

Answer 5

可以用JQuery选择器，将ID分组命名，每一组的ID名称前缀相同，这样就可以用下面语句
$("label[id^='lbl']").text("123");
我的body里面的内容是这样写的
label id="lbl1"></label>
<label id="lbl2"></label>

Answer 6

先$出所有要操作的元素
如果页面元素没有变化  可以先缓存起来然后在进行  display操作试试看