jQuery入口函数的几种写法

<!DOCTYPE html>
<html lang="en">
<!-- 
    原生的js和jquery的区别
    1，原生的js和jquery入口函数的加载模式不同
    原生的js会等到dom元素加载完毕，并且图片也加载完毕才会执行
    jquery会等到dom元素加载完毕，但不会等到图片加载完毕

    2，原生的js如果编写了多个入口函数，后面编写的会覆盖前面编写的
    但是jquery后写的不会覆盖先写的，而且还会按顺序加载
    
 -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Demo1</title>
    　　<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
        // =原生的window.onload=funciion(ec){}
        $(document).ready(function() {
            // alert("hello jquery");

            // 通过jquery的入口函数可以拿到dom元素
            var $img= $("img")[0];
            console.log($img);
            var $width= $img.width();
            console.log($width);
        });


            // 入口函数的第一种写法
            $(document).ready(function(){
            alert("hello jquery");
        });

        // 入口函数的第二种写法
        jQuery(document).ready(function(){
            alert("1");
        });

        // 第三种
        $(function(){
            alert("2");
        });

        // 第四种
        jQuery(function(){
            alert("4");
        });
    </script>
</head>

<body>
    <div>
        <img scr="https://www.w3school.com.cn/i/eg_tulip.jpg" alt="图"/>
    </div>
</body>

</html>

.........阳光小可爱

发布了100 篇原创文章 · 获赞 6 · 访问量 3386

私信关注

jQuery入口函数的几种 写法

猜你喜欢

jQuery入口函数的几种写法