easyui是jquery插件。easyui是基于JQuery的一個前臺ui界面的插件，用于幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。easyui是個完美支持HTML5網(wǎng)頁的框架，可以幫助開發(fā)者節(jié)省網(wǎng)頁開發(fā)的時間和規(guī)模。

本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。

jQuery EasyUI是基于JQuery的一個前臺ui界面的插件，是一組基于jQuery的UI插件集合體，而jQuery EasyUI的目標就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。開發(fā)者不需要編寫復(fù)雜的javascript，也不需要對css樣式有深入的了解，開發(fā)者需要了解的只有一些簡單的html標簽。

EasyUI 框架提供了創(chuàng)建網(wǎng)頁所需的一切，幫助您輕松建立站點。

• easyui 是一個基于 jQuery 的框架，集成了各種用戶界面插件。

• easyui 提供建立現(xiàn)代化的具有交互性的 javascript 應(yīng)用的必要的功能。

• 使用 easyui，您不需要寫太多 javascript 代碼，一般情況下您只需要使用一些 html 標記來定義用戶界面。

• HTML 網(wǎng)頁的完整框架。

• easyui 節(jié)省了開發(fā)產(chǎn)品的時間和規(guī)模。

• easyui 非常簡單，但是功能非常強大。

jQuery EasyUI 下載

您可以從 http://www.jeasyui.com/download/index.php 上下載您需要的 jQuery EasyUI 版本。

在jQuery 和 HTML5 上輕松使用EasyUI

jQuery EasyUI 提供易于使用的組件，它使 Web 開發(fā)人員能快速地在流行的 jQuery 核心和 HTML5 上建立程序頁面。 這些功能使您的應(yīng)用適合今天的網(wǎng)絡(luò)。

有兩個方法聲明的 UI 組件:

• 直接在 HTML 聲明組件

<div class="easyui-dialog" style="width:400px;height:200px"     data-options="         title:'My Dialog',         iconCls:'icon-ok',         onOpen:function(){}">     dialog content. </div>

• 編寫 JS 代碼來創(chuàng)建組件

<input id="cc" style="width:200px" /> $('#cc').combobox({ url: ..., required: true, valueField: 'id', textField: 'text' });

【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】