前言：

JQuery實戰中，通過例項，自己對於JQuery瞭解的多了些，本篇部落格來總結jQuery實戰視訊中的重要知識點，鞏固自己的基礎知識。

核心：

第一講：

• 定義div或span節點，顯示伺服器返回資料。
• 通過$(document).ready(function(){})方法定義頁面裝載完成時，需要執行的方法
• 在$()方法返回的jQuery物件上執行各種jQuery的方法來獲取資料，定義事件，執行操作。
• 解決中文亂碼：傳送給伺服器的資料在JavaScript中做兩次encodeURI，然後在伺服器的程式碼按UTF-8的方式做一次URLDecode。

第二講:

• table中可以包含thead和tbody
• 通過border-collapse；collapse這種方式來使表格中的單元格的邊框合併
• $("tbody tr:even")可以返回tbody中所有索引值是偶數的tr節點
• jQuery的物件內容包含著選擇器對應的DOM節點，以陣列形式儲存
• function中的this代表執行這個function的物件。
• $()方法的引數是一個DOM物件時，這個方法相當於把DOM物件轉換成jQuery物件。
• 如果選擇器返回的jQuery物件中包含對個DOM節點，在這個物件上註冊類似於click這樣的事件時，所有的DOM節點都會用於事件
• $()方法的引數如果是一段正確的HTML文字，則可以建立一個DOM節點，幷包裝成jQuery物件
• 採用鏈式方法的寫法給予jQuery的程式碼
• jQuery中某個事件方法的引數function上可以定義一個event的引數，jQuery會遮蔽瀏覽器的event差異，傳給我們一個可用的event物件。
• jQuery的event物件上有一個which的屬性可以獲得鍵盤按鍵的鍵值

第三講：

• background-repeat控制背景圖的重複填充方式
• .main a 和 .main > a的不同之處，前者選擇使用了.main的這個class的元素內部所有的a節點，後者選擇了.main的子節點中的a節點
• .toggle方法直接讓顯示的元素隱藏，讓隱藏的元素顯示。
• slideDown,slideUp可以實現向下或向上捲動的效果
• 對jQuery的$方法，可以傳入多個選擇器。

第四講：

• jQuery中的mouseover ，mouseout 方法對應標準的JavaScript的onmouseover，onmouseout事件，處理滑鼠進入和離開的事件。
• eq方法可以根據索引值得到jQuery物件中包含的多個元素的某一個元素，並仍然返回元素對應的新jQuery物件
• setTimeout方法可以延遲執行某些程式碼。
• jQuery中的load方法，把一個指定的靜態，動態頁面或伺服器端程式輸出的資料裝入到執行load方法的jQuery物件包裝的元素。且load方法還支援部分裝載。
• ajax中的ajaxStart,ajaxStop對應ajax互動開始前和結束後的事件。

第五講：

• img標籤的alt屬性，在圖片尚未裝載進來或圖片不存在時，這個屬性的文字資訊會顯示出來。
• $.post方法可以和伺服器端發起post的非同步請求。第一個引數：請求伺服器的地址 第二個引數：發給服務端的資料，採用JavaScript的物件，用名值對的方式表示 第三個引數是回撥方法 第四個引數的：伺服器端返回的資料型別。
• JSON的資料格式是JavaScript中一個物件或資料定義的文字格式內容。
• fadeOut 和fadeIn可以實現淡出淡入的效果
• aninate方法可以實現任意的動畫效果，可以控制某個css屬性在某個時間內進行變化，從而達到動畫的效果
• date方法可以用於快取資料

第六講：

• 外掛的編寫：$.fn.muplugin =function(){},方法中的this表示的是執行這個方法的jQuery物件，注意方法應該最後return this ，以保證其他jQuery方法可以級聯操作
• instanceof可以判斷一個變數是不是js的例項
• dequeue方法可以從動畫佇列的開頭移除一個動畫效果，並立即執行它

總結：

理論上的學習是一方面，然而實踐更加的重要！加油吧！to do !