DOM、jQuery对象

1.$(document).ready()
$(document).ready()与window.onload类似，但也有区别


window.onload $(document).ready()
执行时机      必须等待网页中所有的内容加载完毕后      网页中所有DOM文档结构绘制完毕后即刻执行，可能与       DOM元素关联的内容（图片、flash、视频等）并没有       加载完
（包括图片、flash、视频等）才能执行


编写个数         同一页面不能同时编写多个同一页面能同时编写多个


简化写法 无 $(function(){
   //执行代码

}) ;

2.DOM模型

浏览器可以把HTML文档显示成可视图形

浏览器把HTML文档的元素转换成节点对象，所有节点组成了一个树状结构

把这些节点对象按照一定顺序绘制到浏览器窗口中

以对象描述文档的方式就是DOM------->文档对象模型

节点对象就被称为DOM对象

3.节点类型

元素节点：文档中的所有元素

<h2>……</h2>      

文本节点：元素节点内的文本内容

<p>你最喜欢的食品是？ </p>      

属性节点：元素节点的子节点

<p title="提示">……</p>      

4.DOM对象和jQuery对象

DOM对象：直接使用JavaScript获取的节点对象

var objDOM=document.getElementById("title"); 

var objHTML=objDOM.innerHTML;  

jQuery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法

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

等同于

document.getElementById("title").innerHTML; 

 DOM对象和jQuery对象分别拥有一套独立的方法，不能混用