Jquery入门培训一67044.pptVIP

JQuery入门培训一 开开眼界与简单用法 临床资源技术部：陈金发 2010.8 主要议题 术语与工具 （梳理前因后果） 开开眼界（人家拿JQuery做什么） 使用讲解 互动讨论 术语与工具 相关术语 HTML（HTML4、XHTML1.0、 HTA、 HTML5） CSS(CSS2、CSS3) JavaScript DOM XML JSON Ajax JQuery Ext Mootools Web2.0（注重用户体验）　Web3.0（语义网） REST（面向资源）　SOA（面向服务） 术语与工具 松耦合的演进过程 术语与工具 早期 asp写法：代码都在一个文件 % while not rs.eof response.write “td onclick=‘javascript:clickFun()’” + rs(“field”) + “/td” Loop % 松耦合的演进过程 术语与工具 现在.net写法：分离界面、程序文件…. Aspx: asp:repeater id=‘repList’ runat=‘server’ td onclick=‘javascript:clickFunc’%#DataBinder.Eval(DataItem,”field”)% /asp:repeater Aspx.cs repList.DataSource = Bussines.getData(“…”); repList.DataBind(); 松耦合的演进过程 术语与工具 以后趋势写法：客户端、数据服务…. html: div id=‘grid’/div Css : #grid {....} Javascript： $(“#grid”).grid({url:”server.ashx?...”}); ------------------------------------------------------------------------------------------------ .aspx | .ashx | .svc 数据输出 json 或 XML格式 松耦合的演进过程 开开眼界（效果展示） Jquery-EasyUI （一套类似Ext的企业级UI插件库） 开开眼界（效果展示） JqueryUI 开开眼界（效果展示） 其他插件 （google搜索 jquery插件） 如：超强1000个jquery插件 /andylaufzf/archive/2009/03/26/1422255.html 使用讲解--如何学习？ 推荐方法：查阅文档《jQuery API参考手册.chm》，动手试验每个例子。 使用讲解—Demo示例 第一个Demo：说说JSON 定义与读取 绑定表单控件 读取远程数据 数据字典插件 第二个Demo：操作表格 变色表格 可编辑表格 表格行展开明细 表格行删除 第三个Demo：效果体验 显示和隐藏　｜　淡入淡出　｜　滑下收起 　｜　动起来 互动讨论 谢 谢 ！