1、入门案例 · Jquery EasyUI 学习笔记

# Jquery Easyui -- 入门去[Jquery easyui中文官网](http://www.jeasyui.net/download/)下最新的压缩包,解压放入项目中。 <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> //引入Jquery <script type="text/javascript" src="easyui/jquery.min.js"></script> //引入Jquery easyui(必须先引入Jquery) <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> //引入语言包 <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script> //引入默认的主题样式 <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" /> //引入图标样式 <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" /> </head> <body> <div id="box" style="width:400px;height:200px">我是内容</div> <script> $(function(){ $('#box').dialog({ title:'我是标题', collapside:true, iconCls:'icon-ok', onOpen:function(){ console.log('open'); }, }); }); </div> </body> </html>