jquery对象和dom对象相互转换

jquery对象转换为dom对象：

var $obj = $("#id"); //jquery对象

var obj = $obj.get(0);//dom对象

var anotherObj = $obj[0];//dom对象

var thridObj = $obj.get()[0];//dom对象

dom 对象转换为jquery对象：

var obj = document.getElementById("id");

var $obj = $(obj);

jquery get方法：

描述：将jquery对象恢复为dom对象

.get([index])

index 一个从零开始的索引指示了哪一个元素将会被转换

如果没有指定参数，此方法将返回所有的元素，这些元素将形成一个标准的数组

Description: Retrieve the DOM elements matched by the jQuery object.

• version added: 1.0.get( [index] )

  indexA zero-based integer indicating which element to retrieve.

The .get() method grants us access to the DOM nodes underlying each jQuery object. Suppose we had a simple unordered list on the page:

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

Without a parameter, .get() returns all of the elements:

alert($('li').get());

All of the matched DOM nodes are returned by this call, contained in a standard array:

[<li id="foo">, <li id="bar">]

With an index specified, .get() will retrieve a single element:

($('li').get(0));

Since the index is zero-based, the first list item is returned:

<li id="foo">

Each jQuery object also masquerades as an array, so we can use the array dereferencing operator to get at the list item instead:

alert($('li')[0]);

However, this syntax lacks some of the additional capabilities of .get(), such as specifying a negative index:

alert($('li').get(-1));

A negative index is counted from the end of the matched set, so this example will return the last item in the list:

<li id="bar">