DOM對象和jQuery對象之間的相互轉換與區別
看一個例子,首先加一個p標簽:
<p id="clickMe">Click Me!</p>
先獲得一個DOM對象,然後將其轉換為一個jQuery對象:
//Part 1: DOM --> jQuery
//DOM object:
var pElement = document.getElementsByTagName("p")[0];
alert("DOM pElement: " + pElement.innerHTML);
//Convert DOM object to jQuery object:
var pElementjQuery = $(pElement);
alert("jQuery pElementjQuery: " + pElementjQuery.html());
也可以先獲得一個jQuery對象,再將其轉換為DOM對象:
//Part 2: jQuery --> DOM
//jQuery object array:
var clickMejQuery = $("#clickMe");
//Convert jQuery object to DOM object (2 ways):
//way 1:
var domClickMe1 = clickMejQuery[0];
alert("dom1: " + domClickMe1.innerHTML);
//way 2:
var domClickMe2 = clickMejQuery.get(0);
alert("dom2: " + domClickMe2.innerHTML);
再次注意:jQuery中$()獲取的是一個滿足條件的所有元素的數組.
小總結:
$(“字符串”)會返回滿足條件的所有元素的一個數組,其中:
字符串以#開頭,表示id;
字符串以.開頭,表示CSS的class名;
若非以上兩種情況,則改字符串表示標簽名.
$(DOM對象)可以得到一個jQuery對象.