jQuery 對象與DOM對象之間的轉換

通常，使用 $() 得到的是一個 jQuery 對象。它封裝了很多 DOM 對象的操作，但是，它和 DOM 對象之間是不同的。比如，如果你要使用 obj.innerHTML ，那只有當 obj 是一個 DOM 對象時才能用，相應地，如果是 jQuery 對象你應該使用 obj.html() 。

從 DOM 對象轉到 jQuery 對象： $(obj) 。

從 jQuery 對象轉到 DOM 對象： obj[0] 。

比較正規(guī)地從 jQuery 對象到 DOM 的轉換，是使用 jQuery 對象的 get() 方法：

<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
</ul>

$('li').get();
//[<li id="foo">, <li id="bar">]

$('li').get(0);
//<li id="foo">

$('li').get(-1);
//<li id="bar">