初識JQuery

http://jquery.com/  JQuery是一個優秀的JavaScript庫。

http://plugins.jquery.com/    Jquery插件下載

JQuery強調write less,do more 寫的少，做的多

程序中$符號就是JQuery的簡寫

$(document).ready(function(){

//...

});

可以簡化爲

$(function(){

//...

});

分清楚JQuery對象和DOM對象

1）DOM對象——Document Obect Model文檔對象模型，每一份DOM都能表示成一棵樹。

     可以使用JavaScript的getElementsByTagName或者getElementById來獲取元素節點。即DOM對象。eg:

     var domObj = document.getElementById("id");

     var domHTML = domObj.innerHTML

2）JQuery對象——通過JQuery包裝DOM對象後產生的對象，此時可以使用JQuery裏面的方法。PS：JQuery對象無法使用DOM對象的任何方法。eg:

      $("#id").html(); //獲得id元素的html代碼

通常約定如果獲取的對象是JQuery對象，那麼在變量前面加$,定義如下：

var $variable = JQuery對象

var variable = DOM對象

JQuery對象和DOM對象的轉換

JQuery——>DOM，通過[index]或者get(index)方法，eg:

var $cr = $("$cr");  //jquery對象

var dom1 = $cr[0];  //dom對象

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

DOM——>JQuery對象，只需要用$()將DOM封裝起來就行，eg:

var cr = document.getElementById("cr");

var $cr = $(cr);

平時用到的JQuery對象就是用$()函數製造出來的