你好!世界!

最新推荐文章于 2022-12-13 13:50:15 发布

张大仙是个妖怪

最新推荐文章于 2022-12-13 13:50:15 发布

阅读量298

点赞数 1

分类专栏： # jQuery选择器和DOM操作文章标签： window.onload document.ready

本文链接：https://blog.csdn.net/NDKHBWH/article/details/55194986

版权

jQuery选择器和DOM操作专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../jquerysource/jquery.js" type="text/javascript"></script>
    <!--伟大的hello  world!-->
    <script type="text/javascript">
        //1.0:Hello World
        //$ = jQuery($是jQuey的缩写)
        //$("#foo")和jQuery("#foo")
        //$.ajax和jQuery.ajax
        $(document).ready(function(){//等待Dom元素加载完毕
            alert("Hello World!");
        });
        jQuery(document).ready(function(){//等待Dom元素加载完毕
            alert("$是jQuery的缩写!");
        });
        //2.0:window.onload与 $(document).ready()区别
        //a.执行时机:window.onload必须等待所有内容加载完毕后(包括图片)才执行,$(document).ready()网页DOM元素绘制完成就可执行,可能其他关联内容没有执行完
        //b.window.onload只可执行一次,如下
        window.οnlοad=function(){
            alert("第一次");
        };
        window.οnlοad=function(){
            alert("第二次");
        };
        //只弹出"第二次",而$(document).ready()会弹出2此上面代码已验证
        //c.$(document).ready(function(){});简写$(function(){}),如下
        $(function(){
            alert("$(document).ready(function(){});简写$(function(){})");
        });


    </script>
</head>
<body>

</body>
</html>