jquery控制css的display

1. 使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。  
2. $("#id").show()表示display:block,  
3. $("#id").hide()表示display:none;  
4. $("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。  
5.   
6. $("#id").css('display','none');  
7. $("#id").css('display','block');  
8. 或  
9. $("#id")[0].style.display = 'none';  
10.   
11. $("#id")返回的是JQuery  
12. 它是个集合肯定没有display属性 
13. 
    
14. 代码：
15. js里的：
16. function prjDetail(pri_id){
    $("#win").css("display","block");
    $("#sortpanli").attr("src","${ctx}/item_gt.do?method=goEdit&editType=update&onlyread=1&item_gtId="+pri_id);
    $('#win').window({   
         width:850,   
         height:500,   
         modal:true,
         collapsible:false,
         minimizable:false,
         maximizable:false,
         onClose:function(){
       
         }
    });
    
17. body里的：
18. <div style="height:35%;">
    <table id="resourcehumanList" style="border:none;"></table>
    </div>
    <div style="height:35%;">
    <table id="resourcehumanList2" style="border:none;"></table>
    </div>
    <div id="win" title="项目查看、编辑"  style="display:none;"> 
    <iframe frameborder=0 id="sortpanli" src="" width="100%" height="100%"></iframe>
    </div>