jquery面试题目

发表于 | 分类于 ，

jquery判断页面是否加载完毕
原生js方法

1
2
3
window.onload = function() {

}

jquery的ready方法

1
2
3
4
5
document.onreadystatechange = function() {
    if(document.readyState == 'complete'){
        document.getElementById("#div").style.display = "none";
            }
}

ready函数在文档进入ready状态时执行代码，当dom完全加载完，jquery允许执行代码，它适用于所有的浏览器，

1
2
3
$(document).ready() {

}

window.onload与jquery的ready函数区别
window.onload除了要等待dom被创建还需要等待包括图片，音频，视频内的所有外部资源都被完全加载，
如果加载图片和媒体资源内容花费了大量时间，用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟。
另一方面，jquery ready函数只需要dom树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快，使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它，浏览器会按它们在 HTML 页面里出现的顺序执行它们，相反对于 onload 技术而言，只能在单一函数里使用。鉴于这个好处，用 jQuery ready() 函数比用 JavaScript window.onload 事件要更好些。
参考链接
慕课地址
jquery源码分析