在http://docs.jquery.com/Tutorials有很多語言的教學文章,大家可以先來這裡學學,當然為了滿足華人們愛讀中文的口味,ㄚ琪會想辦法把它翻出來的,不過我們也會列出其他語言的文章,不過ㄚ琪應該只能譯英文的吧,所以如果有懂其他語言的專家,也歡迎一起來翻譯吧。
繁體中文jQuery 教學
英文教學
- jQuery Plugin Authoring 學習如何開發jQuery外掛。
- jQuery Beginner Tutorial in 18 minutes 學習從頭建置jQuery外掛 – 18分鐘的教學。
一般教學
這些教學涵蓋了jQuery函式庫的基本原理 – 涵蓋各式各樣的主題。
- How jQuery Works by John Resig.
jQuery的基礎介紹以及你需要知道使用jQuery的概念。
Tags: jQuery Core, Selectors, CSS, Traversing, Manipulation,Events, Effects
- Getting Started with jQuery by Jörn Zaefferer
討論jQuery的基礎,所有關於建置外掛的方法。
Tags: jQuery Core, Selectors, Attributes, Traversing,Manipulation, Events, Effects, Ajax, Plugins
- jQuery For Designers by Mark Panay
撰寫無侵入式的JavaScript(Unobtrusive JavaScript)來新增簡單的行為到網頁的範例。
Tags: Selectors, Manipulation, Effects, Events
- Live Examples of jQuery by Cody Lindley
jQuery背後的基礎互動示範。
Tags: Selectors, Attributes, Traversing, Effects, Manipulation
介面
- jQuery Tabs 建置簡單的jQuery頁籤控制(初學者的教學)by Greg Sidelnikov
- The Dollar Sign 錢字符號($)的意義?
- Jquery Image Loader 在圖片完全載入前新增載入的動畫 by Bali Web Design
雜項
- Beginner’s Plugin Tutorial 從頭建置jQuery外掛(初學者教學)。
- Creating AJAX websites based on anchor navigation using jQuery by Ivan Guardado Castro & Adrian Mato (yensdesign)
- Easy XML Consumption Using JQuery by Joseph Ucuzoglu
使用jQuery跟…
- ASP.NET UserControl and jQuery by Hossein Rahmani
- Using AjaxPro by Michael Schwarz
如何使用jQuery跟Ajax.NET Professional在一起的範例。
Tags: Ajax
- Using Ext With jQuery by Juha Suni
開始使用Ext函式庫跟jQuery。
Tags: Ajax, Plugins, Ext - Simple Web 2.0 with Lasso and jQuery
- jQuery snippets
- An introduction to using JQuery with Lasso
- Using jQuery with Adobe AIR
- Quickstart Guide to ColdFusion+jQuery – 關於使用jQuery跟ColdFusion components (.cfc)的簡單範例。
- My First ExtJS DataGrid (Part 2, Part 3, Part 4, and Part 5)
- JQuery Ajax + Rails
- jQuery + jqGrid + Rails = Powerful Grid Component in your Rails app!
- CakePHP Ajax “Quick Save" with jQuery by Marc Grabanski:
使用jQuery跟CakePHP在一起來執行一個Ajax表單的儲存。 - jQuery跟Google Maps的教學by Marc Grabanski:
- jQuery & Google Maps #1 Basics – 在Google Maps API裡開始使用jQuery。
- jQuery & Google Maps #2 Ajax – 使用Ajax儲存及擷取位置。
- Using jQuery with Joomla 1.5 and PHP 5
- Using jQuery to Enhance the Appearance and Usability of a Structured Document with the NetBeans IDE by Lloyd Dunn
- Drupal 6.x 建置一個lavaLamp選單 * GeeksandGod.com – Tutorials
- Integrating SharePoint 2007 and jQuery (Part 2, SmartTools.jQuery on CodePlex) by Jan Tielens
教學來源
這些網站致力於定期提供一些jQuery的教學。
- jQuery Tutorials 入門教學
- TutorialsPoint – jQuery Tutorials
- Learning jQuery maintained by jQuery Project Team member Karl Swedberg
- jQuery for Designers (incl. screencasts) maintained by jQuery Project Team member Remy Sharp
- valums.com – jQuery & Web Tutorials
- 15 Days of jQuery
- Detached Designs – jQuery Blog
- absolute beginner’s blog
- jQuery HowTo, Tutorials & Plugins
- jQuery UI Tutorials
- yensdesign.com – jQuery & web tutorials
- Query7.com – jQuery Tutorials & Plugin Reviews
- Queness – jQuery tutorials
- TutsValley – jQuery Tutorials
jQuery API 教學
這些教學請直接看jQuery API裡的不同觀念,並且深入地討論。
jQuery核心
- Introducing $(document).ready() by Karl Swedberg
介紹$(document).ready()函式以及說明它是如何地重要。
Tags: jQuery Core
- Multiple $(document).ready() by Karl Swedberg
使用$(document).ready()的一些進階技巧。
Tags: jQuery Core - Quicker Than window.onload()
尋訪(Traversing)跟選擇器
- How to Get Anything You Want by Karl Swedberg
介紹jQuery選擇器跟尋訪的方法以及他們在導覽DOM的使用
Tags: Selectors, Attributes, Traversing
- Zebra Striping Made Easy by Jack Born
條紋表格列需要的簡單程式碼
Tags: Traversing, Selectors, CSS, Events
- Auto-Selecting Navigation by Remy Sharp
在導覽選單中突出顯示當前頁面。
Tags: Selectors, Attributes, Traversing
- 5 Quick jQuery Tips by Rowan Lewis
一些你可以用jQuery來做什麼的快速小範例。
Tags: Selectors, Attributes, Traversing, Manipulation, CSS - Stylesheet Switcheroo
- Getting Select List Values by Marc Grabanski
使用jQuery選擇器從選擇列表取得目前的值或選項。
操控、屬性跟CSS
- Wrapping Images With A Drop Shadow by Jack Born
使用.wrap()來新增一個陰影圖片的簡單範例。
Tags: Manipulation
- Rounded Corners by Jack Born
新增圓角到元素,不使用額外的標記。
Tags: Manipulation
- Multiple File Upload Magic by Jack Born
建置一個非侵入式的多重檔案上傳輸入。
Tags: Selectors, Attributes, Manipulation, Events, Forms
- Getting Around The Minimum Height Glitch by Yansky
逃避最小高度問題的快速教學
Tags: Selectors, CSS
- PNG Opacity Fix for IE6 by Timo Besenreuther
如何在Internet Explorer 6顯示去背透明的PNG檔 - Fancy Drop Cap (Part 2)
- Multiple Fancy Drop Caps
- Semi-transparent Rollovers
- Fancy quote marks while preserving presentation
- Turn Nested Lists Into a Collapsible Tree With jQuery
- Easy Multi Select Transfer with jQuery
事件
- Mouse Position by Patrick Hall
有一些快速的範例來尋找滑鼠在頁面的位置。
Tags: Events, Attributes
- Accordion Menu (Screencast) by John Resig
使用基本的事件和動畫來建置簡易、非侵入式的手風琴選單。
Tags: jQuery Core, Selectors, Attributes, Events, Effects, Screencasts
- AJAX and Events by Karl Swedberg and Jonathan Chaffer
討論在適當的時候繫結事件處理器到DOM元素。
Tags: Ajax, Events, Manipulation
- Really Simple Live Comment Preview by Karl Swedberg
新增即時預覽的功能到Wordpress的迴響區。
Tags: Events, Attributes, Forms - Creating an OS Web Interface in jQuery by Adrian Mato (yensdesign.com)
- Smooth and Stunning Popup from scratch by Adrian Mato (yensdesign.com)
- Create an amazing music player using mouse gestures & hotkeys in jQuery by Adrian Mato & Ivan Guardado Castro (yensdesign.com)
- Collapsible Layouts – 使用jQuery來建立智慧型可折疊的頁面配置。
- Working with Events – Event Delegation
- Working with Events – Event Re-binding
- Easy Image Rollovers with CSS class
- Animated Menus
- Blurring Links
- Affiliate Link Loveliness
- Pop Up Menu
- Set a Hover Class for Anything
- Characters Remaining on an Input Field
- Text Box Hints
- News scroller/ticker with jQuery and AJAX – multiple news, fading effect, mouseover pause
- jQuery Text Resizing by ShopDev
Ajax
- Quick and Dirty Ajax by Jack Born
提供所有使用jQuery不同型態的Ajax快速瀏覽的螢幕錄影。
Tags: Ajax, Screencasts
- Safer Contact Forms Without CAPTCHAs by Jack Born
建置一個可以完整阻止垃圾郵件發送者錯誤地使用你的表單,這是基於jQuery的解決方案。
Tags: Ajax, Manipulation, Forms
- Edit in Place with Ajax by Jack Born
建置一個使用Ajax就地編輯(edit-in-place)解決方案可以背景儲存所有資料。
Tags: Ajax, Events, Manipulation, Forms
- AJAX and Events by Karl Swedberg and Jonathan Chaffer
討論在適當的時候繫結事件處理器到DOM元素。
Tags: Ajax, Events, Manipulation - How to load content via AJAX in jQuery by Adrian Mato (yensdesign.com)
- Create a shoutbox using PHP and AJAX (with jQuery) by Adrian Mato (yensdesign.com)
- Creating AJAX websites based on anchor navigation using jQuery by Ivan Guardado Castro & Adrian Mato (yensdesign)
- Easy Ajax With jQuery by Akash Mehta
- Simplify Ajax development with jQuery by Jesse Skinner
- Ajax development with jQuery using PHP and JSON objects by FactsAndPeople.com
- No More Ajax Headaches – 如何使用FireBug來除錯Ajax的呼叫
- Auto-populating Select Boxes using jQuery & Ajax – 此外還使用PHP跟JSON。
- Ajax with Special Effects
- Ajax’ed Forms
- Easy AJAX with jQuery
- Auto-Complete Field with jQuery, JSON & PHP (Part 2)
- AJAX callbacks with jQuery
- jQuery and XML
- jQuery Makes Parsing XML Easy by Marc Grabanski
說明jQuery如何讓解析XML更容易的快速程式碼範例。 - create ajax based login form using jquery PHP by Bali Web Design updated here
- auto populate dropdownlist via ajax request with Jquery by Bali Web Design
- PUT and DELETE with jQuery
- Ajax with jQuery, PHP and JSON objects by FactsAndPeople.com
- Create a Ajax based Form Submission with jQuery+PHP by Queness
- A Simple AJAX Driven Website with jQuery+PHP by Queness
- Checking username availability with ajax using jQuery by TutsValley
外掛程式開發
- jQuery Plugin Tutorial 藉著這些外掛模式學習製作jQuery外掛
- A Plugin Development Pattern by Mike Alsup
- How to create a plugin for jQuery by Adrian Mato (yensdesign.com)
- jQuery for Programmers – 使用jQuery撰寫簡易、動態的外掛。
- Building jQuery Plugins
- Turn your jQuery code into a richer, unit testable, plugin
- A Really Simple jQuery Plugin Tutorial by Queness
- Introduction to building jQuery plugins by Andrew Valums
- jQuery Plugin Patterns by Winton Welsh
- Building Your First jQuery Plugin
- Building jQuery Plugins by Daniel
- How to display tips by creating a jQuery plugin by Adrian Mato & Ivan Guardado Castro (yensdesign.com)
- A Really Simple jQuery Plugin Tutorial by Queness
工具
這些導覽檢視用不同的工具跟應用程式來使用jQuery。
- Using Firebug and jQuery (Screencast)
- Have Your jQuery Fun on Any Site with Greasemonkey
- Getting started with Aptana and jQuery
- Updated jQuerify Bookmarklet
- Solving JQuery IntelliSense Weirdness in Aptana 1.1
- Using jQuery with Spket IDE
- Using syntax coloration in Vim
Web服務
- Parsing Yahoo Pipes JSON Feeds with jQuery – 關於如何從Yahoo Pipes Web服務使用jQuery來解析跟顯示JSON資訊來源。
法文教學
- Danse avec jQuery
- Transformer tous les liens d’une page
- Ajouter une boîte à coucou
- Un paragraphe trop à l’étroit
- Le plugin « editable »
- Géolocaliser Lille
- Le plugin « form »
- Un repas équilibré
- Ajouter une image dans une page
- Cloner des éléments
- Le code révélé
- Jouer à Shanghaï
- Une boîte de recherche un peu smart
- L’effet machine à écrire
- end()
- Bandeau d’actualité
- Apprendre et comprendre jQuery – 1/3
- Apprendre et comprendre jQuery – 2/3
- Apprendre et comprendre jQuery – 3/3
- Introduction à jQuery
- jQuery : dansez maintenant ! (quelques méthodes)
- jQuery : codez branché ! (les plugins)
- jQuery : l’événement ! (les événements)
- Comment utiliser jQuery dans un bookmarklet ?
- Laissez le visiteur choisir comment il va ouvrir un lien
- Premiers pas avec jQuery et sa fonction slideToggle()
- Système de commentaires en Ajax avec jQuery
- Vérification instantanée des champs d’un formulaire avec jQuery
- Coder un slider horizontal avec jQuery
- executer des événements sur des éléments rajoutés au DOM
- Faire une animation en boucle avec jQuery et setInterval()
- Créer un bloc déroulant avec Jquery
- Recherche à la volée avec Jquery
- Faire un bouton “J’aime" comme sur Facebook avec jQuery
- Slideshow jQuery accessible
- Galerie d’images avec le plugin Flip!
- Vérifier un formulaire avec jQuery
- Galerie d’images dynamique en jQuery
- Initiation à AJAX avec jQuery (Partie 1)
- Initiation à AJAX avec jQuery (Partie 2)
- Liste des pages Webjax.eu sur JQuery
- Présentation du framework JQuery
- Méthode JQuery.Core
- Sélecteurs JQuery
- Attributs JQuery
- Traverser le modèle DOM avec JQuery
- Manipuler le modèle DOM avec JQuery
- CSS avec JQuery
- Gestion des évènements JQuery
- Effets JQuery
- Requêtes AJAX avec JQuery
- Utilitaires JQuery
- Interface Utilisateur JQuery UI
西班牙文教學
- Cómo crear un menú de pestañas elegante en jQuery publicado por Web.Ontuts
- Cómo validar un formulario utilizando PHP y Javascript (jQuery) publicado por Web.Ontuts
- Cómo crear un Menú Contextual en Javascript mediante jQuery publicado por Web.Ontuts
- Cómo crear un Plugin para jQuery publicado por Web.Ontuts
- Mejorando las cajas de búsqueda mediante jQuery publicado por Web.Ontuts
- JSONP, llamadas entre dominios (incluye plugin para jQuery) publicado por Web.Ontuts
- JavaScript fácil y rápido con jQuery
- Eventos en jQuery
- Conceptos esenciales de la librería JQuery Además incluye una variedad de ejercicios en el sitio los cuales puedes: probarlos, modificarlos y ver los resultados inmediatamente.
- Introducción a jQuery
- Haciendo Tablas Cebra Facilmente by Jack Born
Esta es una traducció del artí “Zebra Striping Made Easy" de Jack Born. Pequeño tutorial a través de ejemplos sencillos de código para hacer tablas tipo cebra.
Tags: Traversing, Selectors, CSS, Events - VideoTutorial Nº1 Curso de JQuery En este primer VideoTutorial hacemos una introducción en la que vemos cuales son las ventajas del uso de este tipo de frameworks, así como las funcionalidades que nos ofrece. Terminamos creando el primero proyecto con jQuery y explicando la sintaxis y estructura básica que utiliza. De momento publicados 14 videotuoriales del Curso.
- Manual de jQuery publicado por DesarolloWeb.com
荷蘭文教學
- jQuery – Die Grundlagen
- jQuery – AJAX-Formular AJAX-Formular in einer Thickbox – Ich werde im folgendem beschreiben wie ich vorgegangen bin mit wenigen Eingriffen in den HTML-Code ein PopUp mit dem Formular zu erstellen in welchem die Übermittlung per AJAX geschieht.
- jQuery – Tutorial-Serie Es geht darum eine existierende Webseite ohne Eingriff in CSS und HTML-Code zu dynamisieren. Ohne Javascript im Browser des Besuchers bleibt alles wie es ist, alle Inhalte sind voll zugänglich. Wer aber Javascript akiviert hat bekommt eine durch Animation und Ajax aufgewertete Funktion.
- Lange Textbeiträge nur teilweise anzeigen mit Möglichkeiten diese ganz darzustellen.
- jQuery und Google Maps – Google Maps mit jQuery-Hilfe einbinden.
- Javascript debug Helfer mit JQuery – die ganz schnelle Tour.
- Ajax-Tooltip-Image – Ein Bild eingebunden als Link per MouseOver anzeigen.
- JQuery Beispiele – Grundlagen für Ajax und zugriffe auf Objekte anhand von Beispielen
- JQuery und WordPress – Tutorial für die Einbindung von jQuery in WordPress Themes
- JQuery Einstiegs Tutorial – jQuery Tutorial mit Beispielen
波蘭文教學
- jQuery – to łatwe! – jeden z pierwszych w Polsce, przystępnie napisany kurs jQuery dla początkujących
- jQuery – Narzędzia. – pierwsza część cyklu opisującego narzędzia jQuery.
- jQuery – Narzędzia. – pierwsza część cyklu opisującego narzędzia jQuery.
- jQuery – Narzędzia v2. – druga część cyklu opisującego narzędzia jQuery.
- jQuery – Kurs – Wskaźniki. – pierwsza część spolszczonej dokumentacji.
- jQuery – JSON przez POST – bardzo prosty dodatek do jQuery – postJSON.
土耳其文教學
- jQuery-TR jQuery için Türkçe destek grubu
- jQuery ve Seçiciler Seçiciler nedir ve jQuery için ne anlam ifade ederler?
- jQuery ve Css işlemleri jQuery ile Css işlemleri nasıl yapılıyor?
- jQuery ve Olaylar jQuery ile olay yönetimi nasıl yapılıyor?
- jQuery ve DOM işlemleri jQuery ile DOM (document object model) işlemleri nasıl yapılır?
- jQuery ve AJAX işlemleri jQuery ile AJAX işlemleri nasıl yapılır?
- jQuery ve Efekt işlemleri jQuery ile efekt işlemleri nasıl yapılır?
- jQuery ile animasyon yapmak jQuery ile animasyon işlemleri nasıl yapılıyor? Temel ve ileri düzey bilgi. Yazar: Jeffrey Jordan Way, Çeviri: Alastyr – By Mehmet Tahta
- jQuery nasıl çalışır? jQuery kullanabilmek için ihtiyacınız olan temel bilgiler. Yazar: John Resig, Çeviri: Hosting – By Mehmet Tahta
- PHP ve Jquery ile Google suggest benzeri AutoComplete | Otomatik Metin Tamamlama Hazırlamak by Zülküf Küçüközer
- ASP.NET ortamında Jquery, Ajax ve JSON ile sayfada yüklenen resimlere resim yükleniyor efekti vermek by Zülküf Küçüközer
- jQuery ile validation jQuery ile validation.
- jQuery ile Yıldızlı Oylama (Star Rating) | demo jQuery ve Asp.net ile Yıldızlı Oylama (star rating).
- jQuery Akordion | demo jQuery ile Akordion içerik yapımı.
- jQuery ile Animasyon jQuery ile animasyon.
- Jquery ile Accordion menu hazırlayalım Jquery ile Accordion menu hazırlayalım.
- Jquery’de each kullanımı. Jquery de each kullanımı.
- Jquery, Iframe Auto Height Jquery ile iframe Auto Height tanımlama
- Jquery TextBox Help Plugin Jquery ile TextBox için tıklandığında kaybolan yardım metni oluşturma
- Jquery & Nice Css Form Jquery ile temiz css tabanlı formlar oluşturmak
- Jquery Form Tooltip Jquery ile form alanları için tooltipler oluşturma (Form Tooltip)