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對象就是用$()函數製造出來的