jQuery两种入口函数与DOM函数的对比

第一种:jQuery入口函数完整写法:

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $(document).ready(function () { // 等待DOM元素加载完毕
            alert("Hello World"); // 弹出一个提示框
        });
    </script>
</head>

第二种:简化写法:

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $(function () { // 等待DOM元素加载完毕
            alert("Hello World"); // 弹出一个提示框
        });
    </script>
</head>

以上两种jQuery的入口函数,类似于传统的JavaScript中的window.onload方法,不过与window.onload还是有一些区别。

描述 window.onload $(document).ready()
执行 时机 必须等待网页中所有的内容都加载完毕后(包括图片)才能执行 网页中所有DOM结构绘制完毕后就执行,可能DOM元素相关联的东西并没有加载完成(例如图片还没下载完成)
编写 个数 不能同时编写多个 可以同时别写多个
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章