從事軟件設計開發十多個年頭了，Delphi、C#、Asp.Net/WinForm、Silverlight/WPF等各種語言或技術，在實際的項目中也都曾使用過，可以算是老程序員了。
一直都沒有認真對待過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開發人員必需熟練掌握的技能了。