jQuery 基础教程 （二）之jQuery对象与DOM对象

一、jQuery 对象

（1）jQuery 对象就是通过 jQuery 包装DOM对象后产生的对象

（2）Query 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#tab”).html();

（3）jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法

建议约定：如果获取的是 jQuery 对象, 那么要在 变量前面加上 $.
 

 var $variable = jQuery 对象

var variable = DOM 对象

 

二、jQuery 对象转成 DOM 对象

（1）jQuery 对象不能使用 DOM 中的方法, 但如果 jQuery 没有封装想要的方法, 不得不使用 DOM方法的时候,。

有如下两种处理方法:

(A) jQuery 对象是一个数组对象, 可以通过 [index] 的方法得到对应的 DOM对象.

     $("#msg")[0]

(B) 使用 jQuery 中的 get(index) 方法得到相应的 DOM 对象

      $("#msg").get(0)

(C)对于一个 DOM 对象, 只需要用 $() 把 DOM 对象包装起来(jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象), 就可以获得一个 jQuery 对象.

     例如： $(document.getElementById(“msg”))

转换后就可以使用 jQuery 中的方法了

（2）jQuery对象与dom对象的转换举例

以下几种写法都是正确的：

$("#msg").html();

$("#msg")[0].innerHTML;

$("#msg").eq(0)[0].innerHTML;

$("#msg").get(0).innerHTML;

如：$("#msg")[0]，$("div").eq(1)[0]， $("div").get()[1]，$("td")[5]这些都是dom对象， 可以使用dom中的方法，但不能再使用jQuery 的方法