2013第48周11月工作小结

今天12月第一天，想着要总结回顾下11月的工作收获，来指导接下来的12月开发工作。一去不返的11月我主要完成了一个模块的开发工作，中间感觉重新认识的知识点如下：一、Jquery的操作        很早前就了解和知道jquery，但基本没有在实际在项目中用过，很多东西只是简单知道，没有实践的理论让自己更困惑。而本次项目用jquery，让我感觉它真的很方便，以后若非项目强制，前段开发都会优先选择jquery。没有特意去看相关书籍，只是本着快速解决问题的心态，用到时网上查一下。给我印象最深的是jquery选择器的强大方便，属性set、get方法的简便等。1、关于页面元素的引用 通过jquery的$)引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$)转换成jquery对象。 如：$document.getElementById”msg”))则为jquery对象，可以使用jquery的方法。 由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。 如：$”#msg”)[0]，$”div”).eq1)[0]，$”div”).get)[1]，$”td”)[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。 以下几种写法都是正确的： $”#msg”).html); $”#msg”)[0].innerHTML; $”#msg”).eq0)[0].innerHTML; $”#msg”).get0).innerHTML; 3、如何获取jQuery集合的某一项 对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或getn)方法或者索引号获取，要注意，eq返回的是jquery对象，而getn)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个<div>元素的内容。有如下两种方法： $”div”).eq2).html);              //调用jquery对象的方法 $”div”).get2).innerHTML;       //调用dom的方法属性 4、同一函数实现set和get Jquery中的很多方法都是如此，主要包括如下几个： $”#msg”).html);              //返回id为msg的元素节点的html内容。 $”#msg”).html”<b>new content</b>”);        //将“<b>new content</b>” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content $”#msg”).text);              //返回id为msg的元素节点的文本内容。 $”#msg”).text”<b>new content</b>”);        //将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示粗体的<b>new content</b> $”#msg”).height);              //返回id为msg的元素的高度 $”#msg”).height”300″);       //将id为msg的元素的高度设为300 $”#msg”).width);              //返回id为msg的元素的宽度 $”#msg”).width”300″);       //将id为msg的元素的宽度设为300 $”input”).val”);       //返回表单输入框的value值 $”input”).val”test”);       //将表单输入框的value值设为test  $”#msg”).click);       //触发id为msg的元素的单击事件 $”#msg”).clickfn);       //为id为msg的元素单击事件添加函数 同样blur,focus,select,submit事件都可以有着两种调用方法  5、集合处理功能 对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理，jquery已经为我们提供的很方便的方法进行集合的处理。 包括两种形式： $”p”).eachfunctioni){this.style.color=[‘#f00′,’#0f0′,’#00f’][i]})        //为索引分别为0，1，2的p元素分别设定不同的字体颜色。 $”tr”).eachfunctioni){this.style.backgroundColor=[‘#ccc’,’#fff’][i%2]})        //实现表格的隔行换色效果  $”p”).clickfunction){alert$this).html))})               //为每个p元素增加了click事件，单击某个p元素则弹出其内容  6、扩展我们需要的功能 $.extend{        min: functiona, b){return a < b?a:b; },        max: functiona, b){return a > b?a:b; } });       //为jquery扩展了min,max两个方法 使用扩展的方法（通过“$.方法名”调用）： alert”a=10,b=20,max=”+$.max10,20)+”,min=”+$.min10,20)); 7、支持方法的连写 所谓连写，即可以对一个jquery对象连续调用各种不同的方法。 例如： $”p”).clickfunction){alert$this).html))}) .mouseoverfunction){alert’mouse over event’)}) .eachfunctioni){this.style.color=[‘#f00′,’#0f0′,’#00f’][i]});  8、操作元素的样式 主要包括以下几种方式： $”#msg”).css”background”);              //返回元素的背景颜色 $”#msg”).css”background”,”#ccc”)       //设定元素背景为灰色 $”#msg”).height300); $”#msg”).width”200″);       //设定宽高 $”#msg”).css{ color: “red”, background: “blue” });//以名值对的形式设定样式 $”#msg”).addClass”select”);       //为元素增加名称为select的class $”#msg”).removeClass”select”);       //删除元素名称为select的class $”#msg”).toggleClass”select”);       //如果存在（不存在）就删除（添加）名称为select的class  二、JSP与Action对象直接方便的传值，以及struts、ognl标签的使用。<s:if></s:if><s:ifelse></s:ifelse><s:else></s:else>标签不能嵌套到已基本够用。url传值是表单只能为post方法提交参数。三、spring事务处理的方便，代理对象查找bean问题四、Webservice服务接口的写法，以及调用方法，xml、json数据与java中bena对象，map结构的转换方法。五、myeclipse开发工具的使用：jsp编辑器的重新选择，myeclipse中alt+方向箭头快捷操作等。