jQuery文档加载完再执行

原创于 2018-07-29 09:31:04 发布 · 4.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery库基础 #文档加载 #read方法

web 同时被 2 个专栏收录

6 篇文章

订阅专栏

jQuery库

4 篇文章

订阅专栏

本文介绍了如何使用jQuery确保页面元素加载完成后执行操作。通过对比原生JavaScript的window.onload方法与jQuery的$(document).ready()方法，展示了jQuery提供的更简洁高效的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery文档加载完再执行

将获取元素的语句写在页面头部, 会因为元素还没有加载而出错, jQuery提供了ready方法解决这个问题, 它的速度比原生的window.onload更快.

<script src="js/jquery-1.12.4.min.js"></script>
<script>
    // 原生写法, 等页面加载完最后执行
    window.onload = function(){
        var oDiv = document.getElementById("div01");
        alert("原生js获取的div:" + oDiv);
    }

    // jQuery库封装后的写法
    $(document).ready(function(){
        var $div01 = $("#div01");
        alert("jquery获取的div01:" + $div01);
    })

    // jQuery库提供的简写方法
    $(function(){
        var $div02 = $("#div01");
        alert("jquery获取的div02:" + $div02);
    })

</script>