1、window.onload和$(document).ready()的区别
window.onload | $(document).ready() | |
执行时机 | 必须等整个网页中所有的内容加载完毕后(包括图片)才能执行 | 网页中所有DOM结构绘制完毕后就执行,可能DOM元素并没有加载完 |
编写个数 | 不能同时编写多个 Window.load=function(){ Alert(“hello world”); } Window.load=function(){ Alert(“hello world”); } 只会输出最后一次结果 | $(document).ready(functtion(){ Alert(“hello world”); }); $(document).ready(functtion(){ Alert(“hello world”);
}); 会输出两次结果 |
简化 |
|
|
2、jquery对象和DOM对象的区别
Juery对象是包装DOM后的产生的对象,DOM是原生对象,是一个基本的文档结构。
方法上区别:
DOM中:获取元素节点:document.getElementsByTagName或者getElementById来获取,获取属性:对象.innerHTML;
Jquery中:利用$(#id).html()获取id元素内的html
3.jquery对象和DOM对象的转换
A.首先约定好定义变量的风格;若定义jquery对象,则加上$,如$varibale 若为DOM,直接定义为variable
B.Jquery对象转成DOM对象可利用get(index)和$[index]
利用数组,可用 $[index] 来获取一个 DOM 对象,如 var $cr=$( “#cr”); var cr =$cr[0]利用get方法,如var $cr=$(“#cr”); var cr =$cr.get(0);
C.DOM对象转成Jquery对象
利用$()将DOM对象包装起来,就可获得jquer对象
如var vr =document.getElementById(“cr”); var $cr =$(cr);
注意:DOM对象只能用DOM的操作方法。Jquery对象不能用DOM对象的方法