一直都没有认真对待过JQuery，可能当初认为这种Javascript脚本框架很难流行，个人也一直认为BS系统的软件的界面，单只是依赖于这种轻量级的框架是很难追赶上Windows窗体的步伐，无论从开发效率还是最终的用户体验。Ajax在我看来其实也只是个噱头，在没有Ajax这个词的时候，许多开发人员可能已经用原生的Javascript这么做了，只是没有这个名词与框架的概念。加上SilverLight/WPF的推出，让我更不看好这类“假”富客户端技术。
一晃几年过去了，SilverLight没有想像中那么流行（也许是精通的开发人员不多，致使开发成本过高），倒是Asp.Net MVC渐渐流行起来，在.Net阵营里，微软应该可以说是JQuery的最大推手，试想如果没有Asp.Net Ajax与Asp.Net MVC，那么JQuery在WebForm里岂不是只能Just Query了。
虽然内心仍认为这种客户端技术不够强大、生命周期也不会还有多长。不过自己参与设计开发的EasyCode.Net代码生成器也要计划将入JQuery，不能只看同事忙着自己使不上劲，所以拿出“活到老、学到老”的态度，当初没重视、现在来认真从头开始下学习JQuery吧。
1.下载一本好的教程
百度一下，网站JQuery的PDF教程还是很多的，随便挑了本JQuery基础教程，选择这本书有三个原因：
1.有人肯把它做成高清的，说明质量应该不会太差。
2.老外写的也让人放心一点，毕竟国人专心做技术、写书的太少了。
3.封面看起来比较漂亮，我也不知还有什么其它不错的教程。
2.制定一个学习计划
老程序员了当然精力有限了，每天公司里也有一定的研发任务要完成，所以学习计划也很简单了：
1.每天花1-2个小时，阅读1-2两章，要求确保全部理解。
2.书上提到的内容要全部自己动手实现，思考在可能在哪些场景应用，并写成日志。
3.阅读完本书时，可以做一个用于展示JQuery所有功能的Demo程序，便于今后使用时的查找。
3.我的第一个JQuery应用
这本书还是不错的，介绍的很详细，书中的例子也是循序渐进。看完两章，感觉基本知道是怎么一回事了，于是开是自己动手做些小的例子。
第一个例子很简单，在文档DOM载入完成后，执行JQuery语句，使用$选择器为文档中的所有<p>加上NomalText样式，为class为MyText的<P>加上HightLight样式。
View Code
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3
4 <head>
5 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
6 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
7 <script type="text/javascript">
8 $(document).ready(function() { //当DOM文档结构加载完成时（不必等图像加载完毕）
9 $('p').addClass('NormalText'); //选择文档中的所有行，加上指定样式
10 $('.MyText').addClass('HighLightText'); //选择样式表为MyText的行，加上指定样式
11 });
12 </script>
13 <title>My First JQuery Page</title>
14 <style type="text/css">
15 .NormalText {
16 font-style:normal;
17 font-size:20px;
18 color:blue;
19 }
20 .MyText {
21 font-style: normal;
22 font-size:20px;
23 color:red;
24 }
25 .HighLightText {
26 font-style:italic;
27 font-size:40px;
28 border: 1px solid #888;
29 background-color: #ffc;
30 color:fuchsia;
31 }
32 </style>
33 </head>
34
35 <body>
36
37 <p>当哥们老时，为了修身养性，开始练习毛笔书法。</p>
38 <p>铺好纸，</p>
39 <p>研好墨，</p>
40 <p>大笔一挥，写下了：</p>
41 <p class="MyText">Hello,World!</p>
42
43 </body>
44
45 </html>
需要注意的有两点：
1.JQuery中的$(document).ready是在文档DOM也就是文档结构载入完毕就执行，而不像Html的Onload需要等待所有图像等资源全部载入完毕才执行。
2.例子中使用的是<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript">而不是本地的jquery.js文件，Google的服务器对此进行了优化，从Google的服务器下载通常要快一些，另外许多大型网站也在使用Google提供的类库，所以客户端一般已经有了缓存。如果开发不是基于局域网的应用，可以尽量从Google的服务器引用类库，在实际项目开发中也可以放到母版页及Web.Config中处理是否使用本地的JQuery类库。
4.一些感悟
在看完本书的第二章，细细回头看了下其中的相关例子，JQuery学习起来其实并不难，学习JQuery似乎与有无Javascript基础关联并不大。遥想当年，哥们曾苦读了一本1000多页的Javascript大象级著作，也写了个公司一直用到现在的Html编辑器，不过如果不深入研究JQuery的源码，这些基础似乎对于我学习JQuery并没有什么直接的帮助。上手容易可能也是JQuery流行的另一个原因，我现在开始觉得也许有些开发人员会JQuery用的很好，但可能根本不会Javascript。
JQuery的功能的确非常强大，万能选择符以及所提供的相关通配符与表达式，用原生的Javascript虽然也可以实现，但绝对不可能这么方便、简洁。学习JQuery可以没有Javascript基础，但对Html和CSS的要求还是挺高的。现在早已不是Table布局横行的年代，JQuery/Div+CSS这两项技术看来是WEB开发人员必需熟练掌握的技能了。
分享到：
相关推荐
自己总结的《高效程序员的45个习惯》，把书中自己感觉较好的段落摘抄下来，稍稍加了点自己的想法，挺好的...
程序员面试宝典+读书笔记
《C 程序员面试算法宝典》读书笔记模板x.pptx
黑马程序员-SpringCloud-学习笔记01-认识微服务
正在自学黑马程序员Java全套，目前只学了Javase，接下来是Javaweb，把自己整理的笔记分享一下。
黑马程序员-SpringCloud-学习笔记-03-Eureka注册中心
黑马程序员WEB03-JS篇笔记.pdf
《简明银行会计——程序员视角》读书笔记思维导图
黑马程序员 linux从入门到精通配套笔记
python神级程序员的笔记爬虫环境搭建开始学？是个人都能学会.docxpython神级程序员的笔记爬虫环境搭建开始学？是个人都能学会.docxpython神级程序员的笔记爬虫环境搭建开始学？是个人都能学会.docxpython神级程序员...
程序员面试宝典笔记总结，对于复习基础知识有很大帮主
程序员必学软件程序员必学软件程序员必学软件程序员必学软件
黑马程序员-SpringCloud-学习笔记-02-微服务拆分及远程调用
程序员 数据结构 笔记 程序员 数据结构 笔记 程序员 数据结构 笔记
程序员必学掌握的jquery easyui程序，让你的页面实现丰富的效果，jqery，so easy！包括实例加注释加属性解析
传智播客_javaWEB讲义和笔记资料_day09 黑马程序员_javaWEB教程讲义和笔记资料_day09
Javaweb基础全课程笔记，黑马程序员上课笔记，主要涉及前端 jsp和servlet等
从零开始学习jQuery,对刚刚接触js的程序员很有用，里面包括了json,get,getscript,自动完成，菜单等等的使用以及实例说明
day01_Object类、常用API day02_Collection、泛型 day03_List、Set、数据结构、Collections day04_Map，斗地主案例 day05_异常，线程 day06_线程、同步 day07_等待与唤醒案例、线程池、Lambda表达式 ...
黑马程序员，hibernate开发视频2016版讲义和笔记(4天全)！