jQuery中文教程和資源

帕蘭映像裡面已經發布過不少的jQuery外掛程式和教程資源。本文裡面，又為你收集一些優秀的中文jQuery教程和技巧資源，也許在你下次改善自己網站設計時有用。

一，和WORDPRESS相關的JQUERY技巧和教程1. 簡單利用JQuery為搜尋欄增加tag關鍵詞提示

很簡單的一個功能，就是當使用者在搜尋欄輸入搜尋字元時候，利用JQuery的功能把一些預設好的關鍵字…  More

2. WordPress中利用jQuery處理沙發頭像

本文向你介紹如何利用jQuery把沙發使用者單獨提取出來放在顯眼的位置，對沙發使用者致於最尊貴和待遇  More

3. DIY WordPress Contact Form with jQuery

一個系列教程，將你如何使用jQuery打造一個WordPress聯絡表單，一個友好的WordPress聯絡表單… More

4. jQuery 漸層下拉式功能表

如何利用jQuery實現漸層下拉式功能表效果，並應用於你的RSS Feed訂閱列表或其它你想用的地方… More

5. 利用JQuery自動為文章內圖片添加背景效果

利用jQuery實現的文章插入圖片的背景效果處理：圖片置中，然後是圖片背景是等寬的地區，無論圖片大小… More

6. 網站RSS訂閱的JQuery彈出效果實現

使用jQuery實現的懸浮彈出效果.. More

7.  在WordPress中利用Jquery隱藏較舊留言

如果你的部落格留言很多，你可能想把較舊的留言隱藏起來或弄成分頁，弄成分頁的話WP2.7以後已經內建了，但是分頁後又需要解決一些SEO問題，所以可以嘗試一下隱藏較舊留言… More

8.  使用jQuery實現WordPress的Ajax留言

本文詳細介紹了如何?非外掛程式式的WordPress的Ajax留言效果… More

9. jQuery 頁面載入進度條

用jQury實現的動態載入進度條，能夠更友好的顯示載入的進度… More

10. jQuery最佳化評論總結

本文總結了一些利用jQuery來最佳化WordPress評論部份的各種技巧，比如點擊滑動到錨連結，隱藏舊訪客的輸入表單，評論預覽，非外掛程式的Ajax評論等等… More

11. 用 jQuery 實現靈活的 tab 轉場效果

想要實現tab效果，只需要簡單的幾行JS代碼。不過jQuery實現的Tab能實現更多漂亮的特效，這篇文章就教你如何?… More

12. jQuery版ajax comment pager

如何修改mg12的外掛程式ajax comment pager為jQuery方式來實現Ajax… More

二，JQUERY中文提示1. 使用jQuery實現局部重新整理

遠程擷取檔案，然後插入到指定的節點中，預設為get方法，如果有其他的參數，則會使用post方法。jQuery1.2之後的版本可以指定選取器。而我們知道jQuery的選取器之強大是出了名的，所以我們可以擷取當前頁某一節點的內容，然後插入到該節點中，就實現了局部重新整理的效果… More

2. jQuery 技巧集錦

本文介紹了一些很簡單的jQuery技巧，但卻實現一些本來可能很複雜的問題，包括: 自適應子項目高度，避免CSS Hack, 點擊消失的提示框文字，給選取器指定一個容器，在圖片載入完成後觸發函數等… More

3. 擴充jQuery -  $.fn.extend()和$.extend

擴充jQuery很簡單，核心就是兩個方法$.fn.extend()和$.extend()… More

4. jQuery技巧大集合

介紹的jQuery技巧包括: 頁面元素引用，和DOM對象的轉換，同一函數實現set和get， 如何擷取jQuery集合的某一項，集合處理功能等等… More

5. 寫給設計人的10個jQuery特效

非常強的10個jQuery特效介紹，英文原文由著名的Nick La同志發布，Sofish重整介紹。More

6. jQuery 之 沒有 ‘target’ 屬性照樣開啟新視窗

XHTML 1.0 Strict的 W3C 標準是不支援 target=’_blank’屬性的，推薦的是rel=”external” 屬性，但rel=”external”屬性只是表明這個連結指向外部，並不會產生新視窗中開啟的動作，這篇文章就教你如何利用jQuery讓rel屬性為external的連結在新視窗中開啟… More

閑話: 我個人覺得這個東西有待考量，不是說這篇教程的技術性問題，而是我們應該怎樣對待Web標準。

• W3C標準之所以不支援target=’_blank’屬性，是因為他們認為是否在新視窗中開啟連結應該由使用者來決定，才是友好的。
• 我們變相的讓代碼通過W3C驗證了，卻違背了最初的意圖。
• 我們是在為Web標準努力，還是在為通過W3C驗證而努力呢?

7. 如何使用jQuery實現仿Youtube的關燈效果

大多數網站尤其是大網站尤其是國內的網站基本都使用白色或明色背景，而黑色和深色背景，個人色彩濃烈的網站使用的更多。但黑色背景其實是更有利於視覺瀏覽的，尤其對於視頻網站和圖片類網站來說。本文介紹了如何jQuery實現仿Youtube的關燈效果，其實就是個樣式切換特效…More

8. 有關jQuery動畫的一些基本知識

一些jQuery高手做的網站，如果不看源碼和不點右鍵的話，會讓你分不出來到底是JS做的還是Flash做的。在想實現這些超酷的特效之前，先學學jQuery動畫基礎吧… More

9. JQuery.ajax傳遞中文參數的解決方案

關於如何解決傳遞中文參數時的亂碼問題… More

10. 使用jQuery 和PHP 構建一個受Ajax 驅動的Web 頁面

Triple Dog Dare Media 的創始人Thomas Myer發佈於IBM developerWorks 中國的一篇文章, 教你學習使用 jQuery 這個輕量的 JavaScript 架構來向 PHP 頁面添加 Asynchronous JavaScript + XML (Ajax) 功能。… More

11. 使用 jQuery 簡化 Ajax 開發

jQuery 能協助您保證代碼簡潔易讀。您再也不必編寫大堆重複的迴圈代碼和 DOM 指令碼庫調用了。使用 jQuery，您可以把握問題的要點，並使用儘可能最少的代碼實現您想要的功能。

毫無疑問，jQuery 的原理是獨一無二的：它的目的就是保證代碼簡潔並可重用。當您理解並體會這一原理後，便可以開始學習本教程了，看看 jQuery 對我們的編程方式有多少改進吧.. More

12. Ajax改造現有Web網站系列文章

• Ajax 改造，第 1 部分: 使用 Ajax 和 jQuery 改進現有網站
• Ajax 改造，第 2 部分: 使用 jQuery、Ajax、工具提示和 lightbox 改進現有網站
• Ajax 改造，第 3 部分: 用 jQuery、Ajax 選項卡和照片 carousel 改進現有的網站
• Ajax 改造，第4 部分: 用jQuery 和Ajax 表單改造現有網站

使用 Ajax 改造現有 Web 網站系列文章，分別展示了如何使用簡單的強制回應視窗（modal window）消除快顯視窗和導航死角，如何使用 Ajax 技術改進一個 Web 1.0 購物網站等。

13.  《15天jQuery入門》教程

國外的一個jQuery入門教程《15天jQuery入門教程》，很適合新手，循序漸進掌握jQuery開發。英文原網站是http://15daysofjquery.com/， 你可以在譯言上找到這個系列教程的前5篇中文譯文。

14. jQuery中文入門教程

此文以執行個體為基礎一步步說明了jQuery的工作方式。這個指南是一個對jQuery庫的說明，要求讀者瞭解HTML(DOM)和CSS的一些常識。它包括了一個簡單的Hello World的例子，選取器和事件基礎，AJAX、FX的用法，以及如何製作jQuery的外掛程式。 這個指南包括了很多代碼，你可以copy它們，並試著修改它們，看看產生的效果… More

三，學習更多海量的JQUERY資源

jQuery的愛好者和高手有很多，他們分享著許多讓人著迷的jQuery外掛程式、技巧和教程，儘管本文試圖收集盡量多優秀的jQuery資源，但其實只是收集了九牛一毛。下面是一些能讓你擷取更多海量jQuery資源的部落格和網站連結。

• CSSRainBow的jQuery專欄 - 含很多jQuery外掛程式和技巧的介紹，只是一些介紹稍顯簡潔了
• JinWen Say的jQuery專欄 - 多是與WordPress相關的jQuery技巧，介紹的非常詳細，非常傻瓜
• Shawn Blog的jQuery專欄 - 一些優秀的jQuery使用教程，多與WordPress相關。
• 前端觀察的jQuery專欄 - 含一些國外的jQuery技巧譯文。
• 必優部落格的jQuery外掛程式專欄 - 專門介紹各種jQuery外掛程式和使用方法。
• Waterg’s BLOG的javaScript專欄 - 包含很多比較基礎卻也很棘手的jQuery問題解決方案
• jQuery中文社區 - 只要你有分辨垃圾與精華的能力，社區永遠是個學習的好地方。

其實帕蘭個人對jQuery和JavaScript都並不太感冒，由於種種原因吧  能不用JS的地方打死也不用，但正如你所知道的那樣，JS早已經成為了網頁製作中必不可少的一部份，結構，表現和行為，不管在以後的Web幾點零中，行為都將越來越重要。所以儘快學習還是有好處的，至於是否需要馬上就用，又另當別論了。

最後，還是要自我推薦一下帕蘭映像的jQuery專欄，並沒有什麼原創性的jQuery技巧，但也包含很多jQuery外掛程式和教程的翻譯介紹，如果你要尋找jQuery資源，還是能為你提供一些東西的。

標籤: jquery, tutorials, 技巧

作者: paran

連結: 30+ jQuery中文教程和資源