jquery_页面加载方式 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script>
    <script type="text/javascript">
        
        // 原生JS页面加载
        window.onload = function(){
            var oDiv = document.getElementById('div1');
            alert('原生弹出的'+oDiv);
        }

        // jquery页面加载
        // 注：jquery比window.onload 要快，原因是，window.onload是等标签加载完并渲染完之后才运行，jquery是等标签加载完后就运行

        // ready的完整写法：
        // $(document).ready(function(){
        //     var $div = $('#div1');
        //     alert('jquery弹出的'+$div);
        // })

        // ready的简写：
        $(function(){
            var $div = $('#div1');
            alert('jquery弹出的'+$div);
        })
    </script>
</head>
<body>
    <div id="div1">这是一个div元素</div>
</body>
</html>

 

posted @ 2022-08-02 10:41  码上测  阅读(157)  评论(0)  编辑  收藏  举报