jQuery对象与DOM对象

jQuery对象与DOM对象

jQuery对象与DOM对象是不一样的。
通过一个简单的例子，简单区分下jQuery对象与DOM对象:

<p id=”test”></p>

我们要获取页面上这个id为test的p元素，然后给这个文本节点增加 一段文字:“HelloWorld!”，并且让文字颜色变成红色。

通过标准JavaScript处理:

 var p = document.getElementById('test');
 p.innerHTML = 'HelloWorld!';
 p.style.color = ‘red’;

通过原生DOM模型提供的document.getElementById(“test”) 方法获取 DOM元素就是一个DOM对象，再通过innerHTML与style属性处理文本与 颜色。

jQuery处理:

var $p = $('#test'); 
$p.html('HelloWorld!').css('color','red');

通过¥(‘#test’)方法会得到一个$p的jQuery对象，$p是一个类数组对 象。这个对象里面包含了DOM对象的信息，然后封装了很多操作方法， 调用自己的方法html与css，得到的效果与标准的JavaScript处理结果是一 致的。

通过标准的JavaScript操作DOM与jQuery操作DOM的对比，我们不 难发现:

1. 通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对 象完全不同，唯一相似的是它们都能操作DOM。