JQuery Easy UI 簡介

時間 2019-11-21

標籤 jquery easy 簡介欄目 JQuery 简体版

原文原文鏈接

【什麼是JQuery Easy UI？】

jQuery EasyUI 是一組基於 jQuery 的 UI 插件集合，而 jQuery EasyUI 的目標就是幫助Web 開發者更輕鬆的打造出功能豐富而且美觀的 UI 界面。開發者不須要編寫複雜的JavaScript，也不須要對 css 樣式有深刻的瞭解，開發者須要瞭解的只有一些簡單的 html 標籤。javascript

官方網站：http://www.jeasyui.comcss

【JQuery Easy UI 的特色】

1.基於 jquery 用戶界面插件的集合；html

2.爲一些當前用於交互的 js 應用提供必要的功能；java

3.使用 EasyUI 你不須要寫不少的 javascript 代碼，一般只須要寫 HTML 標記來定義用戶界面便可；jquery

4.支持 HTML5；網站

5.開發產品時可節省時間和資源；ui

6.簡單，但很強大；spa

7.支持擴展，可根據本身的需求擴展控件；插件

【其餘的UI插件】

除了 jQuery EasyUI 以外，還有 DWZ（國產的，基於 jQuery 的 UI 插件），還有一個獨立的 ExtJS 的 UI 插件。code

【下載及運行JQuery Easy UI】

下載最新的 jQuery EasyUI1.3.5 版本，而後解壓後直接使用便可。

//HTML5 調用 jQuery EasyUI

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title>jQuery Easy UI</title>
 5 <meta charset="UTF-8" />
 6 <script type="text/javascript" src="easyui/jquery.min.js"></script>
 7 <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
 8 <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>
 9 <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />
10 <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
11 </head>
12 <body>
13 <div class="easyui-dialog" style="width:400px;height:200px"
14 data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">
15 dialog content.
16 </div>
17 </body>
18 </html>

運行結果：

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。