瞭解jQuery並掌握jQuery對象和DOM對象的區別

jQuery的優勢：

1.  開源--開放源代碼
2.  輕量級   
3.  強大的選擇器
4.  出色的DOM操作(對DOM元素的一個增刪改查)
5.  完善的Ajax，出色的瀏覽器相容性，豐富的插件支持，完善的文檔（說明書）
6.  鏈式操作方式，  寫得少，做的多

使用jQuery:

1. 下載jquery文件
2. 把文件放入到項目中去
3. 在頁面當中引入jquery文件（選中jquery文件直接拖拽過去到（head標簽裡面或者body裡面））

jQuery對象和DOM對象的區別

一：//取得jsDOM對象：

1.       var name = document.getElementById("name");
2.       alert(name.value);  //通過獲取到的對象得到它的值、

二：//獲得jquery對象

1.       var $name = $("#name");

三：DOM對象與jQuery對象互相轉換

　　可以把jQuery對象看做DOM對象的數組，因此    可以通過索引下標在jQuery中獲取DOM對象

• 方法一：jquery對象 --- >DOM對象
• var $name1 = $(name);  //獲取jQuery對象
• var name1 = $name.get(0);   //把jquery對象轉換為DOM對象；
• 方法二：DOM對象--- >jquery對象
• var name = document.getElementById("name");//獲取DOM對象
• var $name=$(name); //把DOM對象轉換為jquery對象

四：jQuery函數（窗體載入事件）：

1.jQuery(document).ready(function(){ 需要執行的代碼})  ====》  $(function(){ 需要執行的代碼  })    （簡寫方式，常用）

•     $(function(){ 需要執行的代碼  }) ===》 js的   window.onload=function(){ }

2.body的onload事件（js窗體載入事件）和jquery窗體載入事件的區別：

• 一般onload事件只有一個，如果頁面有多個onload事件，只執行最後一個，而jquery文檔載入完畢函數可以有N多個，而且每一個都會按照順序依次執行  
• jquery的文檔載入完畢函數執行事件要早於body的onload事件(尤其是頁面上有大量的圖片需要載入的時候，兩者之間的差異就更明顯)