- 浏览: 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开发利器等书籍。
发表评论
-
如何高效地进行远程大规模字符串比较问题
2012-07-06 09:52 680关键字 (keywords):大规模 字符串 匹配 远程 ... -
java 使用正则来过滤字符串中的特殊字符
2012-07-06 09:45 986Pattern pattern1 = Pattern.co ... -
正则表达式(初识笔记)
2012-07-06 09:38 650............................. ... -
ps画个矩形框,如何设置线宽
2012-07-06 09:30 1876i am now in university(HIT@We ... -
父页面iframe自适应子页面高度
2012-07-05 20:45 1364父页面有table,有tr,td。td中有iframe。页 ... -
ADF中组件无法显示问题
2012-07-03 13:44 800在ADF开发过程中,偶尔会遇到一些组件甚至页面无法显示到问 ... -
Flex 4 设置背景图片 Canvas backgroundImage BitmapFill fillMode
2012-07-02 12:45 970Flex 3中Canvas是可以设置backgroundI ... -
Flex中,跨List实现SHIFT多选的例子
2012-07-02 12:45 616最近工作中遇到的问题,客户要求做这么个东西。还是稍微 ... -
Flex中本地图片上传前的预览
2012-07-02 12:45 783height="345" h ... -
Flex Panel 拖动效果例子
2012-07-02 12:45 6232010-08-06 今天在flex下尝试了下panel ... -
Ext 4 概述(六)之Grid
2012-07-01 10:07 569这次升级Ext 4全部 ... -
Firefox/Chrome下flash的wmode参数设为opaque或transparent时输入文本框中无法输入中文汉字的解决方法
2012-07-01 10:07 783这段时间做个项目 ... -
深度剖析WinPcap之(十)――数据包的内核过滤(13)
2012-07-01 10:07 1395数据包到达网络接 ... -
Flash Builder 4-找不到所需的 Adobe Flash Player
2012-07-01 10:07 660比较懒,比较少上csdn的,如果发现留言给我没有回复,望见 ... -
Flex组件:Style的使用
2012-06-30 16:32 700Flex组件:Style的使用 2010 ... -
Flex中Bindable的原理
2012-06-30 16:32 590Flex中Bindable的原理 2011年11月01日 ... -
Flex AIR)创建“不规则形状”的Air透明窗体
2012-06-30 16:32 885Flex AIR)创建“不规则形状”的Air透明窗体 201 ... -
如何在flex当中使用swc
2012-06-30 16:32 763如何在flex当中使用swc 2 ... -
FLEX和Actionscript开发FLASH游戏7-3
2012-06-30 16:32 411FLEX和Actionscript开发FLASH游戏7-3 ...
相关推荐
多年收集的 JavaScript、jQuery 插件、UI 集合,可能已经有更好的替代技术了,但是,这是属于我的前端学习旅程,没有它,何谈提高?!
浅显易懂的将jQuery异步对象分为了5个步奏,非常有利于我们学习记忆,是篇相当不错的学习jQuery异步对象的文章,这里推荐给大家。
主要介绍了JS和jQuery的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
关于jQuery的学习中我忽略了一个取消绑定事件.unbind()的使用,也不知道绑定事件会累加的情况,结果因为这个原因,让我在项目上栽了坑。只能说自己还太年轻,需要学习掌握的知识还有很多。 我遇到的问题 我在项目中...
javascript的一些简单代码可以下载学习下.
动画效果,如果综合使用,还能使用简单的代码简单实现jquery的各种插件的效果 本文参考《《浅谈jquery》一书,加以整理,并结合自己的实际经验而成,可以看做一个 学习手册吧 编辑的时候代码全乱了,重新整理了下,...
方法很简单,这里就不多废话了,直接奉上代码: $.fn.datebox.defaults.formatter = function (date) { var y = date.getFullYear();...以上所述就是本文的全部内容了,希望能够对小伙伴们学习jQuery有所帮助。
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房。得不到元素...
多年收集的 JavaScript、jQuery 插件、UI 集合,可能已经有更好的替代技术了,但是,这是属于我的前端学习旅程,没有它,何谈提高?!
多年收集的 JavaScript、jQuery 插件、UI 集合,可能已经有更好的替代技术了,但是,这是属于我的前端学习旅程,没有它,何谈提高?!
很多朋友在学习jQuery的时候 会遇到这个问题 ,hide和 fadeOut都可以带有参数: $(selector).hide(speed,callback); $(selector).fadeOut(speed,callback); 首先我们从名字上就可以看出 hide是隐藏而fadeOut是淡出,...
jquery load 事件使用方法,在网上有很多的相关介绍文章,不过大同小异,本文老生长谈,也介绍一下load事件使用方法,感兴趣的朋友可以了解下,或许对你学习jquery有所帮助
当然网上一些我们常用的类库更新频率不是很高而且即便出了新版本我们也没必要总是保持最新,故这点对我们的帮助比较有限,个人认为NuGet最大的好处在于可以搭建自己的类库服务器,想想一下吧,在一些较大些的公司...
该项目是属于半成品的系统,可以下载后在eclipse里面直接运行,数据库采用mysql,前台是jquery easy ui,后端采用jfinal框架。 该项目本来是网上接的一个项目做的,但是由于中间用户那边加了很多需求,钱没有谈妥,...
系统知识梳理: underscore.js JavaScript工具库知识点梳理:看完underscore建议阅读书籍《 javascript函数式编程》zepto.js轻量级的针对现代高级浏览器JavaScript库,与jquery以及类似的api知识点梳理:学习资料...
[位置]和[上传]问题,下次,我再写下(因为那个插件代码太多,我也没看完,正在学习研究当中)。 [”区域”:是宽*高,也就是面积;] [”放大或缩小”:是一个比例值,通常我们说放大或缩小,都说放大或缩小百分之...
当我在学习制作网页的时候,经常遇到一些很特别的问题。例如:刚刚添加的样式不起作用、jQuery 的代码老是不起作用等等,这些问题往往是不关注细节导致的。而今天我要谈的这个细节,就是关于网页中代码的顺序。没错...
正在学习Sizzle源码或有一定前端基础的同学们,可以一边看源码一边看这些文章进行验证,所以虽然我会分析源码中的正则表达式,有大量的注释,但不会讲正则表达式的基本用法!
接触和学习javascript也有3~4年了,真正牵扯到前后台数据的交互,数据算法等高级编程知之甚少,甚至很少用,如果你问我你知道js什么知识呢?我可能只能说知道点jQuery的技巧,说编程都谈不上,所以需要把某一些技巧...