jquery和DOM比较
1、window.onload和$(document).ready()的区别
window.onload | $(document).ready() | |
执行时机 | 必须等整个网页中所有的内容加载完毕后(包括图片)才能执行 | 网页中所有DOM结构绘制完毕后就执行,可能DOM元素并没有加载完 |
编写个数 | 不能同时编写多个 Window.load=function(){ Alert(“helloworld”); } Window.load=function(){ Alert(“helloworld”); } 只会输出最后一次结果 | $(document).ready(functtion(){ Alert(“helloworld”); }); $(document).ready(functtion(){ Alert(“helloworld”); }); 会输出两次结果 |
简化 |
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”);varcr=$cr[0]
利用get方法，如var$cr=$(“#cr”);varcr=$cr.get(0);
C.DOM对象转成Jquery对象
利用$()将DOM对象包装起来，就可获得jquer对象
如varvr=document.getElementById(“cr”);var$cr=$(cr);
注意:DOM对象只能用DOM的操作方法。Jquery对象不能用DOM对象的方法