jquery要点

Posted on by mannuan One min read
  • jQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个jQuery对象上的一组动作，可以直接连写而无需重复获取对象。这一特点是jQuery的代码无比优雅。
  • 百度CDN: https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
window.onload与$(document).ready()的对比(p6) window.onload $(document).ready()
执行时机 必须等待网页中所有元素加载完毕后（包括元素的所有关联文件）完全加载到浏览器后才能执行——即js此时可以访问页面中的任何元素 网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完—即DOM完全就绪
多次使用 不能同时编写多个以下代码无法正确执行：
window.onload = function(){
alert("test1")
};
window.onload = function(){
alert("test2");
}
结果只会输出“test2”

$(window).load(function(){
//编写代码
});
等价于JavaScript中的以下代码：
window.onload = function(){
//编写代码
}		 能同时编写多个一下代码正确执行：
$(document).ready(function(){
alert("Hello World!");
});
$(document).ready(function(){
alert("Hello again!");
});
结果两次都输出
简化写法 无 $(document).ready(function(){
//...
})
可以简化为：
$function(){
//...
}
第二种方式为：
$().ready(function(){
//...
});