- 使用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>
jquery控制css的display
最新推荐文章于 2024-05-16 10:22:50 发布