資源描述：
《初試jquery_easyui_使用介紹》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、初試jQueryEasyUI使用介紹jQueryEasyUI是一組基于jQuery的UI插件集合，而jQueryEasyUI的目標(biāo)就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。開發(fā)者不需要編寫復(fù)雜的javascript，也不需要對(duì)css樣式有深入的了解，開發(fā)者需要了解的只有一些簡(jiǎn)單的html標(biāo)簽。jQueryEasyUI為我們提供了大多數(shù)UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，window等等。OK，下面就開始我們的初探
2、之旅。jQueryEasyUI---Accordion手風(fēng)琴效果，大家應(yīng)該很熟悉?；敬a：復(fù)制代碼代碼如下:<htmlxmlns=“http://www.w3.org/1999/xhtml”><head><title>Accordion</title><scriptsrc=“../jquery-1.4.2.min.js”type=“text/javascript”></script><scriptsrc=“../jqu
3、ery.easyui.min.js”type=“text/javascript”></script><linkhref=“../themes/default/easyui.css”rel=“stylesheet”type=“text/css”/><linkhref=“../themes/icon.css”rel=“stylesheet”type=“text/css”/><scripttype=“text/javascript”></scr
4、ipt></head><body><divstyle=“-13-overflow:auto;width:600px;height:300px;padding:10px;border:1pxsolid#ccc;”><divid=“aa”class=“easyui-accordion”fit=“true”style=“width:300px;height:200px;”><divtitle=“Title1”style=“overflow:au
5、to;padding:10px;”><h3>Accordion1</h3></div><divtitle=“Title2”style=“padding:10px;”><h3>Accordion2</h3></div><divtitle=“Title3”><h3>Accordion3</h3></div></div></div></b
6、ody></html>代碼非常簡(jiǎn)單，只需要簡(jiǎn)單的html就可以實(shí)現(xiàn)。這里最重要的就是首先要引用jquery-1.4.2.min.js和jquery.easyui.min.js。效果：由于只是簡(jiǎn)單的html，所以我們可以通過js輕松的對(duì)Accordion進(jìn)行操控，控制大小，位置等等。jQueryEasyUI---DataGrid-13-從名字就可以知道這是個(gè)數(shù)據(jù)的綁定和顯示控件。基本代碼：復(fù)制代碼代碼如下:<htmlxmlns=“http://www.w3.org/1999/
7、xhtml”><head><title>DataGrid</title><metahttp-equiv=“Content-Type”content=“text/html;charset=UTF-8”><scriptsrc=“../jquery-1.4.2.min.js”type=“text/javascript”></script><scriptsrc=“../jquery.easyui.min.js”type=“
8、text/javascript”></script><linkhref=“../themes/default/easyui.css”rel=“stylesheet”type=“text/css”/><linkhref=“../themes/icon.css”rel=“stylesheet”type=“text/css”/><scripttype=“text/javascript”>$(function(){$(‘#test’).
