Jquery 總結

雖然jQuery對象是包裝DOM對象後產生的，但是jQuery無法使用DOM對象的任何方法；
所以就有，jquery 對象與dom 對象轉換的需求。

1、jquery 對象 和 DOM 對象

dom對象通常就是我們用javascript 獲取的對象，如下就是dom對象：
var domObj = document.getElementById("id"); //DOM對象
jquery對象是用jquery框架包裝dom 對象而得到的，[color=red]只有jquery對象才能用jquery中的方法[/color]，如下是jquery 對象：
var obj = $("#id"); //jQuery對象;

[quote]在jquery中利用：
$("#id")取出的是jquery對象，這是個集合對象，要想獲得dom對象，可以用$("#id").get(i)，其中i是jquery對象序列號，從0開始計算。
舉例如下：
$("#input1")獲取的不是dom對象，而是jquery對象。
而採用：var obj=document.getElementById(id); 獲取的纔是dom對象。
所以需要將jquery對象轉化爲dom對象，所以後面需要加上get()方法。參數名稱就是jquery對象的序列號，從0開始計算。
或者是用
[color=red]$("[id=input1]") 可以直接獲取dom對象[/color] [/quote]

2、jquery 對象 和 DOM 對象 轉換

dom to jquery:

var domObj=document.getElementById("flag");//dom 對象
var $obj=$(domObj);//jquery 對象

jquery to dom

var $obj=$("#flag");//jquery 對象
var obj=$obj[0];//dom 對象 可寫成： $obj.get(0)

注：以面向對象的思想來理解，jquery應該不難了！


[url=http://nuysoft.iteye.com/blog/1177451]好文共賞:jquery源碼分析[/url]