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

最新推荐文章于 2021-10-22 12:21:50 发布

诺克Ai

最新推荐文章于 2021-10-22 12:21:50 发布

阅读量281

点赞数

分类专栏： Html

本文链接：https://blog.csdn.net/qq_34594301/article/details/89459346

版权

Html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一种：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元素相关联的东西并没有加载完成（例如图片还没下载完成）
编写个数	不能同时编写多个	可以同时别写多个