1.$(document).ready()
$(document).ready()与window.onload类似,但也有区别
window.onload $(document).ready()
执行时机 必须等待网页中所有的内容加载完毕后 网页中所有DOM文档结构绘制完毕后即刻执行,可能与 DOM元素关联的内容(图片、flash、视频等 )并没有 加载完
(包括图片、flash、视频等)才能执行
编写个数 同一页面不能同时编写多个 同一页面能同时编写多个
简化写法 无 $(function(){
//执行代码
}) ;
$(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对象分别拥有一套独立的方法,不能混用