基礎知識：
想要結構與行為分離當然不能使用<button onclick="…"></button>之類的東西了，js是寫在<head>之間的，那就說起了 window.onload——這不是一個好東西，所以就有了Jquery頗具創意的
代碼如下:
$(document).ready(funciton(){
…
});
當然還會更精簡：
代碼如下:
$(function(){
…
});
所以我的第一個Jquery腳本就是這樣的。
$(function(){alert("I'm ready")});
Jquery對象的方法與DOM對象的方法是不能混合使用的。例如$("#id").innerHTML或者document.getElementById("id").html()都是錯誤的。
Jquery對象與DOM對象的轉換，Jquery選擇器返回的對象實則是以對象數組的方式返回的，因此可以使用數組下標進行轉換。也可使用Jquery中的get(index)方法
代碼如下:
$(function(){
var $p=$("p");
var p=$p[0];//var p=$p.get(0);
alert(p.innerHTML);
});
也可將DOM對象轉換為Jquery對象
代碼如下:
var p=document.getElementById("p");
var $p=$(p);