為新手寫的jQuery基礎視頻教程

文章目錄

• 第一天，開始jQuery基礎
• 第二天，表現方式
• 第三天，讓螢幕生動起來
• 第四天，jQuery幫你選擇
• 第五天，動態形式
• 第六天，上提和下拉
• 第七天，當滑鼠路過jQuery
• 第八天，類比圖片拉動
• 第九天，讓使用者選擇

為新手寫的jQuery基礎視頻教程標籤: jQuery, 教程

資源共用

一直不敢學jQuery，因為沒有JS基礎。不過， ThemeForest blog寫了9篇給絕對新手的jQuery教程。這是一個視頻系列，相信這樣的方式會比文字更生動，更容易學。來吧，如果你沒有JS基礎，並且希望學jQuery，看看這些吧，會讓你感覺有東西可帶回家的。

• 第一天，開始jQuery基礎

  你知道的，到處都看到"jQuery這個…" & "jQuery哪個…"的。大概去年，這些她已經成為Javascript世界最可親的成員。但你是否還沒找到如何學習這該死的東西? 是否覺得現有的教程讓你知道更多的是如何做而不是實際上你能做些什麼? 如果是這樣，我想，ThemeForest可以幫到你。

  讓我們開始下載這個庫，建立第一個功能，測試，和做一些其他的吧。 →閱讀這篇文章

• 第二天，表現方式

  繼續昨天的內容，今天講的是關於"fadeIn", "slideDown", and "show" 這些表現方式的教程。並測試一下jQuery的"css"能力。

  →閱讀這篇文章

• 第三天，讓螢幕生動起來

  這一節我們要學習生動的展示方法，和一些與之相關的"gotchas"功能。你將可以學習到如何改變改變螢幕上任何元素。

  →閱讀這篇文章

• 第四天，jQuery幫你選擇

  如何搞定一個無序列表? 在這個視頻裡，作者將告訴你如可用進階選取器來單獨選擇無序列表中的每一個條目，還觸及到X-Path。

  →閱讀這篇文章

• 第五天，動態形式

  今天要學習的是，如何動態地產生和刪除元素。"appendTo()", "size()", 和 "remove()" 展示方式將會被介紹到。當然，如果你遇到什麼問題，請到ThemeForest提問。

  →閱讀這篇文章

• 第六天，上提和下拉

  已經是第6天啦！我們將來看一下如何運用toggle() 和 toggleClass() 來讓元素或者類上提和下拉。

  →閱讀這篇文章

• 第七天，當滑鼠路過jQuery

  嘿嘿，惡搞一下小標題。這一節將講的是hover() 展示方式，這個允許你寫代碼來讓使用者的滑鼠經過被包圍的元素時，顯示功能/樣式。另外，我們還將看一點關於激發元素的知識。

  →閱讀這篇文章

• 第八天，類比圖片拉動

  經一個讀者的要求，這一節將講一下如何像類比圖片拉動效果的顯示。這個看起來似乎有點難。接著看吧，作者會告訴你如何做，告訴你這個並不難做。

  →閱讀這篇文章

• 第九天，讓使用者選擇

  這個教程視頻裡，我將告訴你如何?點擊讓字型變大或者變小，這將涉及到"slice", "parseFloat", 和 "CSS" Javascript/jQuery方法.

  →閱讀這篇文章

文章資訊來源：jQuery for Absolute Beginners: Video Series & flickr，我想這裡有必要介紹一下另外的兩篇文章：

1. 最佳jQuery教程
2. 寫給設計人的10個jQuery特效

另外，如果你想快速地瞭解幸福收藏夾，並且找到所有的文章和頁面，請看我的Archives頁面，快速找到所有相關的文章。