1. Javascript簡介

　　1.1 JS的3個弊端：復雜的文檔對象模型（DOM），不一致的瀏覽器實現和便捷的開發，調試工具的匱乏

　　1.2 為了簡化JS的開發，一些JS程序庫就誕生了，大部分的JS程序庫都是封裝了很多預定義的對象和實用函數，快捷開發並兼容各大瀏覽器

　　1.3 一些JS程序庫：Prototype，Dojo，YUI，Ext JS，Moo Tools，JQuery庫：輕量級，擁有強大的選擇器，出色的DOM操作，可靠的事件處理，完善的兼容性，鏈式操作等功能

2. JQuery優勢

　　2.1 輕量級：主要是采用UglifyJS壓縮

　　2.2 強大的選擇器：允許使用從CSS1到CSS3幾乎所有的選擇器，以及JQuery獨創的高級而復雜的選擇器，另外還允許加入插件支持XPath選擇器

　　2.3 出色的DOM操作的封裝

　　2.4 可靠的事件處理機制

　　2.5 完善的Ajax：JQuery將所有的Ajax操作封裝到一個函數$.ajax()裏面，可以是開發者專心處理業務邏輯，無需關心復雜的瀏覽器兼容性和XMLHttpRequest對象的創建和使用、

　　2.6 不汙染頂級變量：jQuery只建立一個名為jQuery的對象，其所有的函數方法都是在這個對象之下。其別名$也可以隨時交出控制權，不會汙染其他的對象。這個特性使得jQuery可以與其他JS庫共存。

　　2.7 出色的瀏覽器兼容性

　　2.8 鏈式操作方式：即對於發生在同一個jQuery對象上的一組操作，可以直接連寫而不用重復獲取對象

　　2.9 隱式叠代：當用jQuery找到帶有.myClass類的全部元素，可以將他們直接全部隱藏，而不用循環遍歷每一個返回的元素

　　2.10 行為層和結構層的分離

　　2.11 豐富的插件支持

　　2.12 完善的文檔

　　2.13 開源

3. 配置jQuery環境

　　官網下載：http://jquery.com/

　　jquery.js 是開發版，主要用於測試、學習和開發

　　jquery.min.js 是生產版，是經過工具壓縮或經過服務器開啟Gzip壓縮過的，主要用於產品和項目

　　一般是直接在head中直接引入：<script src=" " type="text/javascript"></script>

4. 一般的代碼風格

　　4.1 $("#foo")等價於 jQuery("#foo") $是jQuery的簡寫

　　4.2 $(document).ready(function () { }) 等價於 $(function() {})

　　4.2 鏈式操作風格：

　　　　$(this).addClass(‘active‘) //給當前元素添加 active類

　　　　.next().show() //下一個元素顯示

　　　　.parent().sibliings().children(‘a‘).removeClass(‘active‘) //父元素的同胞元素的子元素a移除類active

　　　　.next().hide() //他們的下一個元素隱藏

　　　　對於同一個對象，不超過3個操作的，可以寫在一行

5. window.onload()與$(document).ready()區別

　　5.1 執行時機不同：window.onload()必須等待網頁中所有的內容（包括圖片）加載完畢以後，才可以執行；$(document).ready()是網頁中所有的DOM結構繪制完畢就可以執行，可能DOM元素關聯的東西並沒有加載完畢

　　5.2 編寫個數不同：window.onload()不可以編寫多個；$(document).ready()可以同時編寫多個

6.

JQuery基礎知識==認識JQuery