windows.onload()和$(document).read()的对比
windows.onload | $(document).ready() | |
---|---|---|
执行实机 | 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 | 网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完 |
编写个数 | 不能同时编写多个 以下代码无法正确执行: window.onload = function(){alert(“test1”)}; window.onload = function{ alert(“test2”)}; 结果只会输出test2 | 能同时编写多个 $(function).ready(function(){alert(“hello world!”);}); $(function).ready(function(){alert(“hello again!”);}); 两次结果都输出 |
简化写法 | 无 | $(function).ready(function(){//…});可以简化写成: $(function(){//…}); |
jQuery对象和DOM对象
DOM对象:(Document Object Model,文档对象模型),每一份DOM都可以表示成一棵树。可以通过JavaScript中的getElementsByTagName或者getElementById来获取元素节点,像这样得到的DOM元素就是DOM对象。DOM对象可以使用JavaScript中的方法。
jQuery对象就是通过jQuery包装DOM对象后产生的对象。
jQuery对象就是jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery里的方法。
在jQuery对象中无法使用DOM对象的任何方法,DOM对象也不能使用jQuery里的方法。
jQuery对象和DOM对象的相互转换
jQuery对象转DOM对象
jQuery提供了两种方法将一个jQuery对象转换成DOM对象,即[index]和get(index)。
var $cr = $("#cr");
var cr = $cr[0]; 或 $cr.get(0)
DOM对象转jQuery对象
对于一个DOM对象,只需要用 $()把DOM对象包装起来,就可以获得一个jQuery对象了。