jquery easyui使用心得

第一步下载jquery easyui

下载地址：//www .JB 51。net/codes/70218。超文本标记语言

第二步创建Java web项目

第三步导入相关的文件。目录结构如下

链接rel='样式表'类型=' text/CSS ' href=' measuri/themes/default/measuri。CSS ' rel='外部nofollow ' rel='外部nofollow ' link rel='样式表'类型=' text/CSS ' href=' measuri/themes/icon。CSS ' rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow '脚本类型='text/javascript' src='http33

下载个jquery-easyui-1.3.2使用，把他导入到myeclipse10里，jquery-1.7.2.min.js报错。

解决办法：

1、选中报错的jquery文件jquery-1.7.2.min.js .2、右键选择我的剪贴-从验证中排除.3、再右键选择myclipse-运行验证即可。

ui1的源码：

“% @”页面语言=“Java”导入=“Java”。乌提尔。*“页面编码=”UTF-8“% %字符串路径=请求。getcontextpath()；字符串基本路径=请求。getscheme()' ://'请求。getservername()“:”请求。getserverport()“路径”/；%!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML head base href=' %=base path % ' rel=' external no follow ' titlejquery measuri test 1/title meta http-equiv=' pragma ' content=' no-cache ' meta http-equiv=' cache-control ' content=' no-cache ' meta http-equiv=' expires ' content=' 0 ' meta http-equiv=' keyword ' content=' keyword 1，keyword2样式表'类型=' text/CSS ' href='样式。CSS ' rel='外部no follow '-链接rel='样式表'类型=' text/CSS ' href=' measuri/themes/default/measuri。CSS ' rel='外部nofollow ' rel='外部nofollow ' link rel='样式表'类型=' text/CSS ' href=' measuri/themes/icon。CSS ' rel=' external nofollow ' rel=' external nofollow ' rel '-link rel='样式表type=' text/CSS ' href=' measuri/themes/icon。CSS ' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随'-！- link rel='样式表type=' text/CSS ' href=' easy ui/demo。CSS ' rel=' external no follow '-脚本类型=' text/JavaScript ' src=' http : easy ui/jquery。量滴js '/script脚本类型=' text/JavaScript ' src=' http : easy ui/jquery。简单的用户界面。量滴js '/脚本/头体H2基本面板/H2面板是其他组件或元素的容器/pdiv style=' margin 336020 px 0 10px 0；a href=' # ' rel='外部不跟随' rel='外部不跟随' class=' measuri-link button ' onclick=' JavaScript : $(' # p ').面板(' Open ')' Open/aa href=' # ' rel=' external nofollow ' rel=' external nofollow ' class=' measuri-link button ' onclick=' JavaScript : $(' # p ').面板(' Close ')' Close/a/div div id=' p ' class=' measuri-Panel ' title=' Basic Panel ' style=' width :700 px；高度：200 pxpadd :10 XP style=' font-size :14 px ' jquery Easyui框架帮助您轻松构建网页/pulleesyui .是基于jQuery的用户界面插件的集合/丽丽易用户界面为构建现代、交互式的java描述语言应用程序提供了基本功能/丽丽使用easyui不需要编写很多java描述语言代码，通常通过编写一些超文本标记语言标记来定义用户界面/Li html 5网页的完整框架当.易用户界面在开发产品时节省您的时间和规模莉莉苏西非常简单，但功能强大/Li/ul/div id=' p ' class=' easy ui-panel ' style=' width :500 px；高度：200 pxpadding:10px 'title='我的面板iconCls='图标-保存'可折叠='true '面板内容/div/正文/html效果图：