怎樣學習jQuery easyUI教程？
顧名思義jQuery easyUI是一個基於jQuery的框架，相當於是jQuery的擴充套件、延續，jQuery easyUI集成了很多使用者介面外掛，我們在做頁面佈局的時候只要引用這些外掛即可快速地佈局出頁面，而無需敲很多的程式碼，通常作為前端框架來使用，但是要注意easyUI是收費的，在做網站時需要購買版權才可以使用它，而在學習的時候則可以直接在網上下載一些教程來使用即可，無需付費。那麼我們該怎麼來學習jQuery easyUI呢？
操作方法
（01）下載demo首先在搜狗瀏覽器的位址列中輸入【jQuery easyUI 中文網】，第一個就是了，直接點選進入。然後在該網站中找到並點選【EasyUI下載】，由於我們是學習用的，而非商用，所以直接點選【官方下載】即可。注：如果是作為商用的話，則點選【購買商業版】。最後再點選【Download】下載demo，雖然也可以在線上瀏覽檢視即可，不過直接下載下來在無網路的情況下也可以檢視，而且執行速度較快。
（02）解壓下載下來的檔案包我們放在了F盤裡面，解壓【】，注意解壓的時候要先建立一個資料夾，再將解壓到資料夾裡面，資料夾就命名為jquery-easyui-1.5.2即可。
（03）引入檔案把jQuery-easyuui-1.5.2資料夾裡面的themes資料夾複製貼上到專案中，然後當網頁用到easyUI時都要引入以下的四個檔案：<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/><link rel="stylesheet" type="text/css" href="easyui/themes/"/><script type="text/javascript" src="easyui/"></script>
（04）佈局面板從easyUI幫助手冊中的【佈局-->佈局面板layout】複製【建立整個頁面的佈局】。如果沒有下載這個手冊的，可以複製下面的程式碼：<body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div> <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div> <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div> <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div> <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div> </body>
（05）預覽然後執行頁面，在瀏覽器中預覽效果。點選工具欄的【在瀏覽器中預覽/除錯】圖示，在瀏覽器中預覽結果。
（06）修改我們把面板East和South去掉。然後按鍵盤F5重新整理下頁面。或者也可以把West和south面板去掉，根據需要選擇或者保留面板。注意，面板是可以巢狀使用的。比如我們在center中再加一個面板。
（07）解析對佈局面板中用到的一些重要屬性進行解析：[1]title:表示定義佈局面板的標題[2]region：表示定義佈局面板的位置，佈局面板的位置有5個north/sourth/east/west/center[3]border：表示佈局面板是否有邊框，預設是有邊框，即值為true，把border屬性去掉或者值改為false，即可去掉邊框。[4]split:表示分隔條，即通過是否可以通過拖動改變佈局面板的大小。[5]iconCls:佈局面板的頭部圖示，這個都是easyUI中的css類。
特別提示
個人看法，僅供參考
