jQuery學習筆記（一）---

最近開始做動態網頁前臺的開發，要對前臺javascript進行操作，所以在此對jQuery、Javascript、AngulaJS進行學習，此時開始對jQuery的學習進行總結。

DOM（Document Object Model，文本對象模型）的每一個頁面都是一個DOM對象，通過傳統的Javascript方法訪問頁面中的元素，就是訪問DOM對象。

例如：在頁面中的2各<div>標記元素，其代碼如下：

<div id = "divTmp">測試文本</div>

<div id = "divOut"></div>

通過下面的Javascript代碼可以訪問DOM對象和獲取或設置其內容值：

var tDIv = document.getElementById("divTmp");//獲取DOM對象

var oDiv = document.getElementById("divOut");//獲取DOM對象

var cDiv = tDiv.innerHTML;//獲取DOM對象中的內容

oDiv.innerHTML = cDiv;//設置DOM對象中的內容

如果執行上面的Javascript代碼，將在ID爲“dvOut”的標記中顯示ID爲“divTmp”的標記內容。

在jQuery庫中，通過本身自帶的方法獲取頁面元素的對象，我們稱之爲jQuery對象：爲了同樣實現在ID爲“divOut”的標記中顯示ID爲“divTmp”的標記內容，採用jQuery訪問頁面元素的方法，其實現的代碼如下：

var tDiv = $("#divTmp")；//獲取jQuery對象

var oDiv = $("#divOut");//獲取jQuery對象

var cDiv = tDiv.html();//獲取jQuery對象中的內容

oDiv.html(cDiv);//設置jQuery對象中的內容

通過上述代碼對比，可以看出jQuery對象訪問方法比DOM對象訪問方法更簡單、高效，他們都實現相同的功能。