JQuery中的顶级对象$的了解

我们想使用JQuery里面的方法,是要通过JQuery的 $ 对象调用里面的方法

1. 我们希望代码在html加载完毕之后立即执行,那么可以使用ready事件。

实例:$(document).ready(function(){

   alert(‘等页面的dom元素加载完毕执行’);//ready与window.load 的区别:window.load 需要dom结构、链接引用、图片全部加载完毕才可以 。ready只需要dom结构加载完毕即可

});

2. ready事件可以注册多个,是按照先后顺序执行。

实例:$(window).ready(function(){
      alert("window");
   });
   $(document).ready(function(){
     alert("document");
   });
   $("div").ready(function(){  //正常来讲,应该是先加载div,在执行document,最后执行window。但是这里是div是最后一个执行的
     alert("div");
   });

3. (1)Jquery官方文档明确说明load事件跨浏览器兼容性较差

  (2)  ready事件与window.load是相互冲突的,如果使用了load,将导致ready不执行

 

posted on 2020-10-29 11:16  sbird  阅读(284)  评论(0编辑  收藏  举报

导航