`
ritlv97d
  • 浏览: 16775 次
社区版块
存档分类
最新评论

也谈jQuery之学习

阅读更多

  由于之前一直是做纯客户端的企业应用,唯一做过的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开发利器等书籍。
分享到:
评论

相关推荐

    多年收集的 JavaScript、jQuery 插件、UI 集合,值得温故知新的前端学习旅程

    多年收集的 JavaScript、jQuery 插件、UI 集合,可能已经有更好的替代技术了,但是,这是属于我的前端学习旅程,没有它,何谈提高?!

    浅谈jQuery异步对象(XMLHttpRequest)

    浅显易懂的将jQuery异步对象分为了5个步奏,非常有利于我们学习记忆,是篇相当不错的学习jQuery异步对象的文章,这里推荐给大家。

    浅谈JS和jQuery的区别

    主要介绍了JS和jQuery的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    浅谈jQuery绑定事件会叠加的解决方法和心得总结

    关于jQuery的学习中我忽略了一个取消绑定事件.unbind()的使用,也不知道绑定事件会累加的情况,结果因为这个原因,让我在项目上栽了坑。只能说自己还太年轻,需要学习掌握的知识还有很多。 我遇到的问题 我在项目中...

    jquery示例代码

    javascript的一些简单代码可以下载学习下.

    jquery中动态效果小结

    动画效果,如果综合使用,还能使用简单的代码简单实现jquery的各种插件的效果 本文参考《《浅谈jquery》一书,加以整理,并结合自己的实际经验而成,可以看做一个 学习手册吧 编辑的时候代码全乱了,重新整理了下,...

    浅谈jQuery.easyui的datebox格式化时间

    方法很简单,这里就不多废话了,直接奉上代码: $.fn.datebox.defaults.formatter = function (date) { var y = date.getFullYear();...以上所述就是本文的全部内容了,希望能够对小伙伴们学习jQuery有所帮助。

    jQuery选择器全面总结

    jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法  jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房。得不到元素...

    多年收集的 JavaScript、jQuery 插件、UI 集合,第二部分

    多年收集的 JavaScript、jQuery 插件、UI 集合,可能已经有更好的替代技术了,但是,这是属于我的前端学习旅程,没有它,何谈提高?!

    多年收集的 JavaScript、jQuery 插件、UI 集合,第一部分

    多年收集的 JavaScript、jQuery 插件、UI 集合,可能已经有更好的替代技术了,但是,这是属于我的前端学习旅程,没有它,何谈提高?!

    浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别

    很多朋友在学习jQuery的时候 会遇到这个问题 ,hide和 fadeOut都可以带有参数: $(selector).hide(speed,callback); $(selector).fadeOut(speed,callback); 首先我们从名字上就可以看出 hide是隐藏而fadeOut是淡出,...

    jquery load事件(callback/data)使用方法及注意事项

    jquery load 事件使用方法,在网上有很多的相关介绍文章,不过大同小异,本文老生长谈,也介绍一下load事件使用方法,感兴趣的朋友可以了解下,或许对你学习jquery有所帮助

    ASP.NET MVC学习之NuGet在VS中的运用浅谈

    当然网上一些我们常用的类库更新频率不是很高而且即便出了新版本我们也没必要总是保持最新,故这点对我们的帮助比较有限,个人认为NuGet最大的好处在于可以搭建自己的类库服务器,想想一下吧,在一些较大些的公司...

    合同管理系统

    该项目是属于半成品的系统,可以下载后在eclipse里面直接运行,数据库采用mysql,前台是jquery easy ui,后端采用jfinal框架。 该项目本来是网上接的一个项目做的,但是由于中间用户那边加了很多需求,钱没有谈妥,...

    source-code-study:【通用中】源码学习

    系统知识梳理: underscore.js JavaScript工具库知识点梳理:看完underscore建议阅读书籍《 javascript函数式编程》zepto.js轻量级的针对现代高级浏览器JavaScript库,与jquery以及类似的api知识点梳理:学习资料...

    利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)

    [位置]和[上传]问题,下次,我再写下(因为那个插件代码太多,我也没看完,正在学习研究当中)。 [”区域”:是宽*高,也就是面积;] [”放大或缩小”:是一个比例值,通常我们说放大或缩小,都说放大或缩小百分之...

    网页中代码的顺序是不可忽略的细节

    当我在学习制作网页的时候,经常遇到一些很特别的问题。例如:刚刚添加的样式不起作用、jQuery 的代码老是不起作用等等,这些问题往往是不关注细节导致的。而今天我要谈的这个细节,就是关于网页中代码的顺序。没错...

    浅谈Sizzle的“编译原理”

    正在学习Sizzle源码或有一定前端基础的同学们,可以一边看源码一边看这些文章进行验证,所以虽然我会分析源码中的正则表达式,有大量的注释,但不会讲正则表达式的基本用法!

    分享9点个人认为比较重要的javascript 编程技巧

    接触和学习javascript也有3~4年了,真正牵扯到前后台数据的交互,数据算法等高级编程知之甚少,甚至很少用,如果你问我你知道js什么知识呢?我可能只能说知道点jQuery的技巧,说编程都谈不上,所以需要把某一些技巧...

Global site tag (gtag.js) - Google Analytics