Jquery入门一.ppt

《Jquery入门一.ppt》由会员分享，可在线阅读，更多相关《Jquery入门一.ppt（17页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、JQuery入门培训一入门培训一开开眼界与简单用法临床资源技术部：陈金发2010.8主要议题主要议题术语与工具（梳理前因后果）开开眼界（人家拿JQuery做什么）使用讲解互动讨论术语与工具相关术语HTML（HTML4、XHTML1.0、HTA、HTML5）CSS(CSS2、CSS3)JavaScript DOM XML JSON Ajax JQuery Ext MootoolsWeb2.0（注重用户体验）Web3.0（语义网）REST（面向资源）SOA（面向服务）术语与工具松耦合的演进过程术语与工具早期 asp写法：代码都在一个文件%while not rs.eof response.writ

2、e“”+rs(“field”)+“”Loop%松耦合的演进过程术语与工具现在.net写法：分离界面、程序文件.Aspx:Aspx.csrepList.DataSource=Bussines.getData(“”);repList.DataBind();松耦合的演进过程术语与工具以后趋势写法：客户端、数据服务.html:Css:#grid.Javascript：$(“#grid”).grid(url:”server.ashx?.”);-.aspx|.ashx|.svc 数据输出 json 或 XML格式松耦合的演进过程术语与工具l浏览器与调试工具l IE6,IE7,IE8,IE9 （IE开发人员

3、工具）lFireFox （Firebug）lGoogle 浏览器（开发版）l Fiddler2（一款网络监视调试工具）开开眼界（效果展示）Jquery-EasyUI（一套类似Ext的企业级UI插件库）开开眼界（效果展示）JqueryUI 开开眼界（效果展示）Highcharts（强大的jQuery数据图表展示插件）开开眼界（效果展示）xheditor（简单高效易扩展的可视化XHTML编辑器）开开眼界（效果展示）其他插件（google搜索 jquery插件）如：超强超强1000个个jquery插件插件http:/ API参考手册.chm，动手试验每个例子。使用讲解入门常问问题l如何加载环境？为什

4、么我的代码没效果？$(function().)l如何将Jquery对象转换成Dom对象？$(“.”).get(0)或者$(“”)0比如错误写法：$(#save).disabled=true;正确写法：$(“#save”).attr(“disabled”,true);或者：$(“#save”)0.disabled=true;$(“#save”).get(0).disabled=true;使用讲解Demo示例第一个Demo：说说JSON定义与读取绑定表单控件读取远程数据数据字典插件第二个Demo：操作表格变色表格可编辑表格表格行展开明细表格行删除第三个Demo：效果体验显示和隐藏淡入淡出滑下收起 动起来互动讨论谢 谢！