jQuery对象与DOM对象

摘要: jQuery对象与DOM对象

1. DOM对象

通过javascript中的 getElementsByTagname或者getElementById来获得的DOM元素节点,就是DOM对象。
例如：
var domObj = document.getElementById("id"); //获取DOM对象
var ObjHTML = domObj.innerHTML; //使用javascript中的属性

2.jQuery对象 （类似数组对象）

通过jQuery包装DOM对象后产生的对象。（即通过$()方法产生的对象就是jQuery对象）

问题： DOM对象不能使用jQuery中的方法，jQuery对象也不能使用DOM对象的方法( 如何解决？对象转换 )

3.DOM对象与jQuery对象的转换

jquery对象转换成dom对象
//3.1 数组形式的转换
var $cr = $("#cr"); //jQuery对象
var cr = $cr[0]; ////转换后的DOM对象

// 3.2jQuery方法的转换 get(index)
var $cr = $("#cr"); //jQuery对象
var cr = $cr.get(0); //转换后的DOM对象

dom对象转换成jquery对象 (使用$把(dom对象)包起来就是jQuery对象)

var cr = document.getElementById("cr"); //DOM对象
var $cr = $(cr); //转换后的jQuery对象