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不执行