jquery控制css的display

使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。

$("#id").show()表示display:block,

$("#id").hide()表示display:none;

$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

$("#id").css('display','none');

$("#id").css('display','block');

或

$("#id")[0].style.display = 'none';

$("#id")返回的是JQuery

它是个集合肯定没有display属性

代码：

js里的：

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(){

}

});

body里的：

<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>