jQuery EasyUI 框架供应了创建网页所需的统统,可以帮助我们轻松快捷的建立站点。接下来在文章中将和大家分享jQuery EasyUI如何下载以及它的利用,有一定的参考代价,希望对大家有所帮助
【推举课程:jQueryEasyUI教程】
jQuery EasyUI的含义:
easyui 实在是一个 jQuery 的框架,是集成了各种用户界面所需的插件,它供应了建立当代化的具有交互性的JavaScript运用的必要功能,以是利用easyui插件就不须要写太多的JavaScript代码了,只须要利用一些HTML标记措辞来定义用户界面。这样大大的节省了开拓韶光以及简化了代码的繁芜度,虽然操作很大略但是功能却十分强大
jQuery EasyUI的下载:
下载地址:http://www.jeasyui.com/download/v16.php
下载好后解压文件
jQuery EasyUI的利用:
(1)外部引用必备插件:
主题CSS样式
<link rel=\"大众stylesheet\公众 type=\"大众text/css\公众 href=\公众easyui/themes/default/easyui.css\"大众>
CSS图标样式
<link rel=\"大众stylesheet\"大众 type=\"大众text/css\"大众 href=\"大众easyui/themes/icon.css\公众>
jQuery库文件
<script type=\公众text/javascript\"大众 src=\公众easyui/jquery.min.js\"大众></script>
EasyUI核心和组件的凑集js文件,加载这个文件就会加载所有的EasyUI核心组件的凑集js文件,就不须要一个一个导入了
<script type=\"大众text/javascript\公众 src=\公众easyui/jquery.easyui.min.js\"大众></script>
(2)示例分享
<!DOCTYPE html>
<html>
<head>
<meta charset=\"大众utf-8\公众>
<title></title>
<link rel=\公众stylesheet\"大众 type=\公众text/css\公众 href=\"大众D:\jquery-easyui-1.6.10\themes\default\easyui.css\"大众>
<link rel=\"大众stylesheet\"大众 type=\"大众text/css\"大众 href=\"大众D:\jquery-easyui-1.6.10\themes\icon.css\"大众>
<script src=\"大众D:\jquery-easyui-1.6.10\jquery.min.js\"大众></script>
<script src=\"大众D:\jquery-easyui-1.6.10\jquery.easyui.min.js\"大众></script>
</head>
<body>
<div class=\"大众easyui-dialog\"大众 style=\"大众width:400px;height:200px\公众
data-options=\"大众title:'Hello EasyUI',iconCls:'icon-undo'\"大众>
利用jQuery EasyUI的第一个案例
</div>
</body>
</html>
效果图如下:
总结:以上便是本篇文章的全部内容,希望通过这篇文章可以帮助大家学会如何利用jQuery EasyUI插件
以上便是jQuery EasyUI如何下载以及利用的详细内容,更多请关注其它干系文章!
更多技巧请《转发 + 关注》哦!