【jQuery實戰知識點總結】

前言：

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方法可以級聯操作

總結：