由于之前一直是做纯客户端的企业应用,唯一做过的WEB应用也是基于Adobe Flex的富客户端应用,因此对Html、JS对不甚了解。目前正在做一个front end是JSF的项目,由于项目进度很赶等因素,我被迫加班写页面的验证,JSF模板页面的导航控制等JS。
凑巧我们用了Primeface JSF控件,其使用用了jQuery、YUI等JS库,因此方便、高效起见我也使用jQuery来写验证、模板页面导航控制。为此,加班加点学习了jQuery,并想谈谈jQuery的学习感受。
1、 如何使用jQuery
我始终认为学习一门新的技能应该从其本源开始,切莫贪图一时方便想方设法找类似速成、什么高手、高级教程之类。直接访问jQuery官网,查看其docs,简单、清晰的告诉你该如何获取jQuery?如何使用jQuery?
2、 处理好jQuery的别名问题 我们都知道$是jQuery的通用的别名,但是有时为了跟其它的js库发生冲突,请使用jQuery.noConflict()或者jQuery.noConflict(extreme)重新命名jquery的别名。如primeface使用jquery统一使用jQuery别名。 3、 了解jQuery的Selector
强大、方便、高效的选取特定元素是jQuery的看家本领,因此必须了解、熟练使用jQuery的选择器,如:基本的元素选取、按属性选取、按上下级关系选取等。当然,刚开始使用jQuery的选择器的时候,我们肯定会有这样那样的问题,为此寻找一个好的参考工具就势在必行。jQuery API就是很好的参考工具,我建议大家都下载并收藏它,如有疑问就去查阅API。
4、 了解jQuery对象
传统的js写法,取某个input的值都是通过document..getElementById(id).value获取,然而,当我们使用jQuery("#id")获取该input之后,取其value就有一点不一致,需要通过jQuery的val()函数获取。
这是由于通过jQuery选择器得到的对象已经不是原来的input对象,而是被处理过的jQuery对象,因此需要使用jQuery提供的val(), attr(), text()等方法获取值、属性值和文本等。只有这样jQuery才可以最大限度的实现浏览器兼容。
5、 了解jQuery的事件处理、属性值处理、CSS等处理
我相信当我们会使用jQuery选择器并了解jQuery对象之后,就可以轻松了解jQuery的事件处理,jQuery的attr、css、class等处理。此时,我们需要做的就是不断查阅jQuery API。
6、 别忘了随时查阅jQuery API
别忘了随时查阅jQuery API,没必要花费大量时间、精力去看jQuery基础、jQuery开发利器等书籍。
凑巧我们用了Primeface JSF控件,其使用用了jQuery、YUI等JS库,因此方便、高效起见我也使用jQuery来写验证、模板页面导航控制。为此,加班加点学习了jQuery,并想谈谈jQuery的学习感受。
1、 如何使用jQuery
我始终认为学习一门新的技能应该从其本源开始,切莫贪图一时方便想方设法找类似速成、什么高手、高级教程之类。直接访问jQuery官网,查看其docs,简单、清晰的告诉你该如何获取jQuery?如何使用jQuery?
2、 处理好jQuery的别名问题 我们都知道$是jQuery的通用的别名,但是有时为了跟其它的js库发生冲突,请使用jQuery.noConflict()或者jQuery.noConflict(extreme)重新命名jquery的别名。如primeface使用jquery统一使用jQuery别名。 3、 了解jQuery的Selector
强大、方便、高效的选取特定元素是jQuery的看家本领,因此必须了解、熟练使用jQuery的选择器,如:基本的元素选取、按属性选取、按上下级关系选取等。当然,刚开始使用jQuery的选择器的时候,我们肯定会有这样那样的问题,为此寻找一个好的参考工具就势在必行。jQuery API就是很好的参考工具,我建议大家都下载并收藏它,如有疑问就去查阅API。
4、 了解jQuery对象
传统的js写法,取某个input的值都是通过document..getElementById(id).value获取,然而,当我们使用jQuery("#id")获取该input之后,取其value就有一点不一致,需要通过jQuery的val()函数获取。
这是由于通过jQuery选择器得到的对象已经不是原来的input对象,而是被处理过的jQuery对象,因此需要使用jQuery提供的val(), attr(), text()等方法获取值、属性值和文本等。只有这样jQuery才可以最大限度的实现浏览器兼容。
5、 了解jQuery的事件处理、属性值处理、CSS等处理
我相信当我们会使用jQuery选择器并了解jQuery对象之后,就可以轻松了解jQuery的事件处理,jQuery的attr、css、class等处理。此时,我们需要做的就是不断查阅jQuery API。
6、 别忘了随时查阅jQuery API
别忘了随时查阅jQuery API,没必要花费大量时间、精力去看jQuery基础、jQuery开发利器等书籍。