在網絡發展領域，由於 jQuery 簡單易學，易於使用和易於擴展的特點，因此正慢慢變得無處不在。以下是從一些 jQuery 相關文章中整理出來的 30+ 新鮮與驚奇的 jQuery 插件與教程。如果你正在尋找最新的 jQuery 信息，這些內容值得一讀。
jQuery 4 都發布了，我們還等什麼呢，趕快開始使用吧，下面的這些內容我也只看了一部分，感覺還不錯，所以分享出來，大家共同學習！
1. How to add preloader with loading image in a gallery using jQuery
在圖像畫廊載入過程中使用 jQuery 預加載技術。演示 | 教程
2. Simple Lava Lamp Menu Tutorial With jQuery
創建一個獨特的熔岩燈動畫效果的 jQuery 導航菜單。演示 | 教程
3. How To Create a 3D Tag Cloud in jQuery
使用 jQuery 創建類似 Flash 形式的 3D 標籤雲。演示 | 教程
4. Drag & Drop With jQuery
Web 應用程序的拖放功能提供了豐富的用戶界面，瞭解如何使用 jQuery 來創建此種用戶界面。演示 | 教程
5. Awesome Horizontal Animated menu using Kwicks for jQuery
使用 jQuery Kwicks 插件建立一個可定製的，靈活的橫向動畫菜單。演示 | 教程
6. Create a Thumbnail Gallery With Slick Heading & Caption effect
使用光標題和字幕效果創建縮略圖畫廊。演示 | 教程
7. Create an Attractive jQuery Menu with fade in and out effects
創建一個有吸引力的 jQuery 菜單，鼠標懸停時具有淡入背景效果。演示 | 教程
8. jQuery PHP AJAX Autosuggest
Autosuggest 是目前的 Web 應用程序中一個有用的功能。瞭解如何使用 jQuery 和 PHP 來創建。演示 | 教程
9. Perfect Login Drop Down Box Like Twitter
使用 jQuery 模仿 Twitter 新的下拉框效果。演示 | 教程
10. Crafting an Animated Postcard With jQuery
僅使用 jQuery 創建一個類 Flash 的明信片。演示 | 教程
11. Twitter like Search With jQuery & AJAX
使用 Ajax 在同一頁創建類似 Twitter 的搜索框加載結果。演示 | 教程
12. Voting System With jQuery, AJAX, PHP
學習如何創建類似 dzone 的投票系統。演示 | 教程
13. AJAXed Sliding Shopping Cart Using jQuery
創造一個 Ajax 滑動門效果的購物籃，當更新購物車項目時滑動，並在一段時間後自動隱藏。同時還支持手動顯示隱藏選項，以便在任何時候查看購物車。演示 | 教程
14. How To Build Animated Header in jQuery
利用 jQuery 技術爲網頁標題添加令人輕嘆的動畫背景效果。演示 | 教程
15. Hide and Seek With jQuery
使用 jQuery 在單一頁面上，顯示基於事件行爲的應用程序的多個模塊。演示 | 教程
16. jQuery Comment Preview
通過使用 jQuery 爲用戶提供實時評論預覽功能。演示 | 教程
17. Styling Drop Down Boxes With jQuery
由於選擇框很難使用 CSS 來定義樣式，本教程將告訴你如何使用文本框和無須列表代替選取框，然後根據需要定義樣式。演示 | 教程
18. Scrolling Dynamic Content Box
使用 Ajax 將內容加載至滾動 DIV。就像谷歌閱讀器中當你向下滾動時，會自動加載更多項目。演示 | 教程
19. Ways To Debug your jQuery or JavaScript Code
本文介紹瞭如何使用 jQuery 控制檯登錄來輕鬆地調試 JavaScript 代碼。教程
20. 5 Ways To Make AJAX Calls with jQuery
關於使用 jQuery 技術以不同方式創建 Ajax 請求。甚至對那些已深度熟悉 jQuery 並且用大量方法創建 Ajax 請求的開發者也很有幫助。演示 | 教程
插件
1. Tipsy
呈現 Facebook 風格的工具提示插件，基於定位標記的標題屬性。演示 | 插件主頁
2. jQuery YouTube PlayList
將 YouTube 鏈接列表轉換爲播放列表，讓用戶能夠在網頁本身瀏覽視頻。演示 | 插件主頁
3. SuperFish Menus
Superfish 菜單是一款易於使用的 jQuery 插件，可以將無須 HTML 列表轉換成漂亮的下拉菜單。插件主頁
4. Elastic
Elastic 是一款輕量級的 jQuery 插件，可使 textareas 根據內容大小自動調整尺寸。演示 | 插件主頁
5. OverScroll
在網頁上實施類似 iphone 的拖放滾動效果。插件主頁
6. Tweetable
使用 Tweetable 輕鬆快捷地在網頁上顯示 Twitter Feed 源，可選擇將 Twitter 用戶名和 URL 地址轉換爲超級鏈接。演示 | 插件主頁
7. jQuery Link nudge
使用 jQuery Link Nudge 插件創建移動菜單欄，效果很漂亮。演示 | 插件主頁
8. TimePickr
如果需要將用戶系統時間作爲表單輸入，使用此插件可以提供豐富的用戶界面，以便輸入時間。插件主頁
9. Truncatable
Truncatable 允許你在網頁中隱藏文本塊，並在需要時顯示。演示 | 插件主頁
10. Incremental Search For Select Boxes
此插件將普通的選擇框轉換成帶有增量搜索的組合框，如果選擇框有很多選項，這會非常有用。演示 | 插件主頁
11. Anything Slider
Anything Slider 是一款功能齊全的滑動門插件，易於定製並適應你的網站。演示 | 插件主頁
英文原稿：30+ Fresh & Amazing jQuery Plugins & Tutorials | Web Developer Plus
翻譯整理：30+ 新鮮驚奇的 jQuery 插件與教程 | 芒果