$(document).ready(function{});//网页中所有的DOM结果绘制完毕后就执行,可能DOM元素关联的东西并没有加载完。
window.onload=function(){};//必须等待网页中所有的内容加载完毕后(包括图片)才能执行。

DOM对象和jQuery对象:
DOM对象:
var OUl=document.getElementById("id");//获取DOM对象;
可以通过JavaScript中的getElementById或者getElementsByTagName来获取元素节点。像这样得到的元素就是DOM元素。
jQuery对象:
$("#foo").html();//获取id为foo的元素内的html代码。
jQuery对象就是通过jQuery包装DOM对象后产生的对象。
jQuery对象是jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery里的方法。
在jQuery对象里边无法使用DOM对象得任何方法。同样,DOM对象也不能使用jQuery里边的方法。

jQuery对象和DOM对象的相互转化:
定义变量的风格:
var $variable=jQuery对象;//如果获取的是jQuery对象,那么变量前面加上$;
var variable=DOM对象;//获取的是DOM对象

jQuery提供了两种方法将一个jQuery对象转化为DOM对象,即[index]和get(index);
(1)jQuery对象是一个累死数组的对象,可以通过[index]的方法得到相应的DOM对象。
jQuery代码如下:
var $cr=$("#cr");//jQuery对象
var cr=$cr[0];//DOM对象
(2)另一种方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象。
jQuery代码如下:
var $cr=$("#cr");//jQuery对象
var cr=$cr.get(0);//DOM对象

DOM对象转化jQuery对象;
var cr=document.getElementById("cr");//DOM对象
var $cr=$(cr);//jQuery对象
对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获取一个jQuery对象了。转换后,可以任意使用jQuery中的方法。


Melody
33 声望1 粉丝

想的太多,做的太少


« 上一篇
DOM;