jQuery總結

1.什麼是jQuery？

　　jQuery是一個快速、簡潔的JavaScript框架。jQuery設計的宗旨是「write Less，Do More」，即寫更少的代碼，作更多的事情。它封裝JavaScript經常使用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操做(DOM)、事件處理、動畫設計和Ajax交互。

2.怎麼使用jQuery

　　1.下載
　　　　下載地址：https://github.com/jquery/jquery/releases

　　2.導入jQuery庫
　　　　<script type="text/javascript" src="js/jquery.min.js"></script>

　　3.語法：$("選擇器").動做()

3.jQuery 對象和 DOM 對象相互轉換

　　jQuery ---> DOM
　　　　1.[index] 方法，就是在 jQuery 對象後面加上索引，好比：

var $cr = $(#cr);           // jQuery 對象
var cr = $cr[0];            // 將 jQuery 轉化爲 DOM 對象

　　　　2.get(index) 方法

var $cr = $(#cr);           // jQuery 對象
var cr = $cr.get(0);        // 將 jQuery 轉化爲 DOM 對象

　　

　　DOM ---> jQuery
　　DOM 對象轉化爲 jQuery 對象,只需用 $() 將 DOM 對象包起來

var cr = document.getElmentByID("cr");     // DOM 對象
var $cr = $(cr)                             // 將 DOM 對象轉爲 jQuery 對象

注：因爲jQuery和DOM有着本身的API，全部須要注意jQuery 對象和 DOM 對象會相互轉換的問題。如從一個jQuery 對象的元素集合中取出一個元素時， jQuery 對象會轉化爲DOM 對象

 

4.經常使用選擇器

　　

5.經常使用動做（方法）

　　5.1 DOM操做

　　

　　5.2 事件

　　

　　5.3 CSS

　　

　　5.4 動畫

　　

　　5.5 Ajax

　　　　語法：$.ajax({ name：value，name，value});（用json格式傳參）

　　

6.回調函數

　　若是要處理 $.ajax() 獲得的數據，則須要使用回調函數：beforeSend、error、dataFilter、success、complete。

　　　　beforeSend
　　　　　　在發送請求以前調用，而且傳入一個 XMLHttpRequest 做爲參數。

　　　　error
　　　　　　在請求出錯時調用。傳入 XMLHttpRequest 對象，描述錯誤類型的字符串以及一個異常對象（若是有的話）

　　　　dataFilter
　　　　　　在請求成功以後調用。傳入返回的數據以及 "dataType" 參數的值。而且必須返回新的數據（多是處理過的）傳遞給 success 回調函數。

　　　　success
　　　　　　當請求以後調用。傳入返回後的數據，以及包含成功代碼的字符串。

　　　　complete　　　　　　當請求完成以後調用這個函數，不管成功或失敗。傳入 XMLHttpRequest 對象，以及一個包含成功或錯誤代碼的字符串。