网页刷新时隐藏div元素闪现处理

   在使用js对页面元素进行初始化隐藏时，跳转到该页面后，页面展示时出现隐藏div块闪现，原因为div块为显示状态，在页面加载完成后有jqurey.hide()函数隐藏，从而导致页面初始化时本该隐藏的元素在此时闪现，造成不良的客户体验，

 $(function () {
        $("#test1").hide();
        $("#test2").hide();
        var type=$("#type").val();
        if(type=="数值"){
          $("#test1").show();
          $("#test2").hide();
          }else{
          $("#test2").show();
          $("#test1").hide();
        }
    })

 

<input type="hidden"  id="type" value="" />

<div id="test1">
    <input type="text" id="test1" name="test1" placeholder="数值"/>
</div>
<div id="test2">
    <textarea cols="100" rows="200" id="test2" name="test2"placeholder="文本"></textarea>
</div>

 上述代码造成隐藏div块在页面加载时闪现，从而开始各种尝试处理。。。。。

然并卵。。。各种尝试，最后居然把最简便的方法忽略掉了。

从而在css中做处理

    #test1{display:none;}
    #test2{display:none;}

 这居然就解决了。。。。。我勒个去。。以此留作笔记，作为警醒！

各种情况有所不同，本方式只是为自己工作中遇到的情况之一，纯属自娱自乐！