锋利的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.链式操作风格
?
var cr = document.getElementByID("cr");//DOM对象var $cr = $(cr);//jQuery对象?注意:平时用到的jQuery对象都是通过$()函数制造出来的,$()函数就是一个jQuery对象的制造工厂。
?
1.5 解决jQuery和其他库的冲突
?.......
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?