DOM與javascript，jQuery的關係

Jquery

1.jQuery對象和DOM對象

var domObj = document.getElementById("id"); //DOM對象var $obj = $("#id"); //jQuery對象;

$("#foo").html();//擷取id為foo的元素內的html代碼，html()是jQuery特有的方法;

document.getElementById("foo").innerHTML;

2.jQuery對象和DOM對象的互相轉換

jquery對象轉換成 dom對象

var $cr=$("#cr"); //jquery對象var cr = $cr[0]; //dom對象 也可寫成 var cr=$cr.get(0);alert(cr.checked); //檢測這個checkbox是否給選中

dom對象轉換成jquery對象

var cr=document.getElementById("cr"); //dom對象var $cr = $(cr); //轉換成jquery對象

總結：