jQuery对象与DOM对象

1. $(document).ready的作用是等页面的文档(document)中的节点都加载完毕后，再执行后续代码。因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的被加载完毕后才能正常的使用。

2. jQuery对象与DOM对象是不一样的。

<p id='china'></p>

普通处理，通过标准JavaScript处理：

var p=document.getElementById('china');

p.innerHTML='为中国加油，为中国喝彩';

p.style.color='red';

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

jQuery处理：

var $p=$('#china');

$p.html('为中国加油，为中国喝彩’).css('color','red');

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

 

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

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

（2）通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不是需要我们具体知道哪个DOM节点有哪些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也更加精短。