通过设置DIV的css的display属性
显示:$("#dlg" ).css("display", "block");
隐藏:$("#dlg" ).css("display", "none");
实现代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ceshi</title>
<link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/themes/icon.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
function dhide(){
$.messager.alert("提示", $("#dlg" ).css("display"));
$("#dlg" ).css("display", "none");
}
function ddisplay(){
if($("#dlg" ).css("display")=="none"){
$("#dlg" ).css("display", "block");
}else{
$.messager.alert("错误", "已经显示了,不要再点了!",'error');
}
}
</script>
</head>
<body>
<div id="dlg" style="width:500px;height:250px;padding:10px 30px;background-color:yellow;">
这是显示的内容!!!!!!!!!!!!!
</div>
<div id="dlg-buttons">
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="dhide()">隐藏</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="ddisplay()">显示</a>
</div>
</body>
</html>
分享到:
相关推荐
easy-UI 右键列头,控制列的显示和隐藏,是啊easyui拓展的功能之一,只需引入此js代码,即可产生效果,右键列名,控制列的显示和隐藏
jquery easyui 扩展 datagrid 自定义动态隐藏显示列
easyui 自定义显示列
使用tp+easyui 实现的一套库存管理系统,使用auth类实现权限管理。至于其他的功能都是基础的功能,用来入门。 使用tp+easyui 实现的一套库存管理系统,使用auth类实现权限管理。至于其他的功能都是基础的功能,用来...
如题,EasyUI 增删改查的简单实现,基于maven ,Spring SpringMVC MyBatis。
SSh结合Easyui实现Datagrid的分页显示(多个实例)。这篇写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加、修改、删除、批量删除等功能
CRM easyui实现
使用Struts2和jQuery EasyUI实现简单CRUD系统
利用easyui实现简单用户模块 细节: 一:用户登录注册功能 二:进入主页后显示layout,左侧显示树节点,点击树节点弹出tab选项卡 三:利用datagrid实现查询数据库列表显示信息 四:对显示的信息进行增删改查操作 适合...
easyui combbox 组件,如何显示默认值
案例8:Spring整合Spring MVC与Hibernate + EasyUI实现电子商城后台订单管理.docx案例8:Spring整合Spring MVC与Hibernate + EasyUI实现电子商城后台订单管理.docx案例8:Spring整合Spring MVC与Hibernate + EasyUI...
案例8:Spring整合Spring MVC与Hibernate + EasyUI实现电子商城后台订单管理.pdf案例8:Spring整合Spring MVC与Hibernate + EasyUI实现电子商城后台订单管理.pdf案例8:Spring整合Spring MVC与Hibernate + EasyUI...
easyui利用tooltip实现title功能
easyUI中datagrid鼠标悬浮显示图片,博客地址:https://blog.csdn.net/lwf3115841/article/details/119531658?spm=1001.2014.3001.5501
MVC+EF框架+EasyUI实现权限管理是对权限的基本操作的操作,BS
easyui实现的Activiti工作流引擎web版流程设计器 跨浏览器流程设计器 打开文件 processDesigner\wf\designer\index.html 即可预览
SwfUpload+easyui实现的文件上传
该项目是一款B/S端框架的项目,采用ASP.NET MVC+EF+EasyUI等技术来实现,分为评价管理、考评管理、考核结果查询、系统管理等五个模块,该系统可以实现对部门的评分、项目的考核、安全信息的管理,软件界面美观,容易...
Spring+SpringMVC+Mybatis+easyUI实现简单的后台管理系统
使用easyUI的tree插件从服务器端获取树形菜单数据,并实现树形菜单