- jQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个jQuery对象上的一组动作,可以直接连写而无需重复获取对象。这一特点是jQuery的代码无比优雅。
- 百度CDN: https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
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(){ //... }); |