jQuery组件easyui对话框实现代码

更新时间：2016年08月25日 11:31:31 投稿：lijiao

这篇文章主要为大家详细介绍了jQuery组件easyui对话框实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Basic Dialog - jQuery EasyUI Demo</title>
 <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
 <link rel="stylesheet" type="text/css" href="../themes/icon.css">
 <link rel="stylesheet" type="text/css" href="demo.css">
 <script type="text/javascript" src="../jquery.min.js"></script>
 <script type="text/javascript" src="../jquery.easyui.min.js"></script>
</head>
<body>
 <h2>基本对话框</h2>
 <p>单击打开或关闭对话框</p>
 <div style="margin:20px 0;">
 <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')">打开</a>
 <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('close')">关闭</a>
 </div>
 <div id="dlg" class="easyui-dialog" title="基本 Dialog" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px">
 有活就干，干完活吃饭，吃完饭睡觉.
 </div>
</body>
</html>

效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

全面解析DOM操作和jQuery实现选项移动操作代码分享
这篇文章主要介绍了DOM操作和jQuery实现选项移动操作代码分享的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
Jquery搜索父元素操作方法
这篇文章主要介绍了Jquery搜索父元素操作方法,实例分析了parents、cloest、parent、parentsUtil及offsetParent方法的使用技巧,需要的朋友可以参考下
2015-02-02
让input框实现类似百度的搜索提示(基于jquery事件监听)
让input框实现类似百度的搜索提示，oninput和onpropertychange事件监听，通过ajax获取json数据
2014-01-01
jQuery实现动态控制页面元素的方法分析
这篇文章主要介绍了jQuery实现动态控制页面元素的方法,结合实例形式分析了jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
2017-12-12
jQuery实现的自适应焦点图效果完整实例
这篇文章主要介绍了jQuery实现的自适应焦点图效果,结合完整实例形式分析了jQuery事件响应及动态操作页面元素属性的相关技巧,需要的朋友可以参考下
2016-08-08
Jquery操作radio的简单实例
本篇文章主要介绍了Jquery操作radio的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01
详解jQuery中的easyui
jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。这篇文章主要介绍了jQuery中的easyui ,需要的朋友可以参考下
2018-09-09
jQuery利用sort对DOM元素进行排序操作
这篇文章主要为大家详细介绍了JQuery利用sort对DOM元素进行排序的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
JQuery获得内容和属性方法解析
这篇文章主要介绍了JQuery获得内容和属性方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
深入理解jQuery中的事件冒泡
下面小编就为大家带来一篇深入理解jQuery中的事件冒泡。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05