首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

锐利的Jquery第一章 认识jQuery

2012-10-06 
锋利的Jquery第一章 认识jQuery锋利的Jquery第一章jQuery1.3.1? 配置jQuery环境? JQuery 不需要安装,只需

锋利的Jquery第一章 认识jQuery

锋利的Jquery第一章jQuery

1.3.1? 配置jQuery环境

? JQuery 不需要安装,只需要将下载的放到网站上的一个公共位置,使用时直接引用即可。

1.3.2? 编写简单的jQuery代码

? 首先,在jQuery库中,$就是jQuery的一个简写形式,例如$("#foo")和jQuery("#foo")是等价的,$.ajax和jQuery.ajax是等价的。如果没有特别说明,程序中的$符号都是jQuery的一个简写形式。

?这段代码类似于传统的JS中的window.onload方法,不过与window.onload还是有些区别。见下表格:

?

window.onload$(document).ready()执行时机必须等待网页中所有的内容加载完毕后(包括图片)才能执行网页中所有DOM结构绘制完毕后执行,可能DOM元素关联的东西并没有加载完。编写个数

不能同时编写多个

以下代码无法正常执行:

window.onload = function(){

?????? alert("test1");

}

window.onload = function(){

?????? alert("test2");

}

结果只会输出: "test2"

能同时编写多个

以下代码正确执行:

$(document).ready(function(){

???? alert("Hello jQuery1");

});

$(document).ready(function(){

???? alert("Hello jQuery2");

});

结果两次都输出

简化写法无

$(document).ready(function(){

?//.....

});

可以简写成:

$(function(){

?//.....

})

?

1.3.3? jQuery代码风格

1.链式操作风格

?

?注意:平时用到的jQuery对象都是通过$()函数制造出来的,$()函数就是一个jQuery对象的制造工厂。

?

1.5 解决jQuery和其他库的冲突

?.......

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

热点排行