jQuery文档加载完再执行

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>