jQuery2(JQuery实现onload)

最新推荐文章于 2023-03-16 09:40:20 发布

天赋进行时

最新推荐文章于 2023-03-16 09:40:20 发布

阅读量1k

点赞数

分类专栏： JS-Dom-Jquery

本文链接：https://blog.csdn.net/xbc1213/article/details/50639200

版权

JS-Dom-Jquery 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

JQuery实现onload

注意:dom中的onload,是全部资源加载完后在进行执行,且只能执行一个.而jQuery中是基础元素加载完后就执行,且能执行多个(效率高).
语法:

$(function(){

});

完整的实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="jquery-1.8.3.js" type="text/javascript"></script>
    <script type="text/javascript">
        //jquery大部分都是方法,而系统中有很多属性.
        //var jq = jQuery(document);
        //var jq = $(document);
        //世界使用$更方便,简单.
        onload = function () {
            alert('1');
        };
        onload = function () {
            alert('11');
        };
        $(document).ready(function () {
            alert('2');
        });
        $(document).ready(function () {
            alert('3');
        });
        //注意,上述方法中,先弹出2.使用该方法
        //只要页面中基础的元素标签加载完就执行,而onload是全部资源加载完在执行
        //onload只能存在一个,最后面的会将前面的顶掉
        //而jquery ready方法可以输出多个
        //终极写法---终极写法,这里直接写方法,在页面加载完运行
        $(function () {
            alert('开始了吗?');
        });
        $(function () {
            alert('已经结束了吧');
        });
    </script>
</head>
<body>

</body>
</html>