一步一步jquery 准备知识 (一)...
时间:2010-08-08 来源:leffort
一直以来对Jquery很感兴趣,今年三月份的时候买了一本Jquery的书籍已经看完了,但是却并未在实际的项目中使用过jquery。趁最近没项目做,好好整理下该笔记,也就是传说中的抄书吧,以及学习时做的小例子。希望自己一步一步的能坚持下
来!
window.onload与$(document).ready的对比 | ||
---|---|---|
widow.onload | $(document).ready | |
执行时机 | 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 | 网页中所有的Dom结构绘制完毕后就执行,可能dom元素关联的东西并没有加载 |
编写个数 |
不能编写多个 以下代码无法正确执行: window.onload=function(){ alert('0'); }; window.onload=function(){ alert('1'); }; 结果只会输出: 1 |
能同时编写多个 一下代码正确执行: $(document).ready(function(){ alert('0'); }); $(document).ready(function(){ alert('1'); }); 结果二次都输出 |
简化写法 |
无 |
$(document).ready(function(){ //..... }); 可以简写成: $(function(){ //..... }); |
jquery对象是jquery包装dom对象后产生的对象。如果一个对象是jquery对象那么就可以调用jquery里面的方法。
相互转换:
var dom=document.getElementById('id');dom对象
var jquery=$('#id');jquery对象
jquery转换为dom:
dom=jquery[0];或则dom=jquery.get(0);根据get(index)得到相应的dom
dom转换为jquery:
jquery=$(dom);
平时用到的jquery对象都是通过$()函数制造出来的,$()函数就是jquery对象的制造工厂。
相关阅读 更多 +