jQuery學習筆記（一）

最近在寫一個B2C網站，寫到越後面越發吃力，主要是前端JS部分，雖然在項目中也是用jQuery，但是，僅憑查閱文檔，雖然解決了一些問題，但並沒有實質性的理解。因此，準備暫且來系統地學習一些jQuery，以便能有更深刻的理解，從而能夠減輕後續的項目開發。

一、jQuery對象和DOM對象的相互轉換

jQuery對象和DOM對象相互轉換之前，先約定好定義變量的風格。

如：

var $variable = jQuery對象；

var variable = DOM對象；

1、jQuery對象轉成DOM對象有兩種方法：

（1）通過index[]的方法

如：

var $cr = $("#cr");    //jQuery對象

var cr = $cr[0];         //DOM對象

（2）通過get(index)的方法

如：

var $cr = $("#cr");    //jQuery對象

var cr = $cr.get(0);   //DOM對象

2、DOM對象轉成jQuery對象

通過$(DOM對象)的方式

如：

var cr = document.getElementById("cr");    //DOM對象

var $cr = $(cr);                                             //jQuery對象

因爲jQuery和DOM對象之間的不能混用方法，因此必要時需要進行jQuery對象和DOM對象之間的轉換。

比如：判斷一個複選框是否被選中

jQuery方法：if($cr.is(":checked"))

DOM方法：if(cr.checked)