jQuery入口函数的几种写法

最新推荐文章于 2022-11-20 23:03:10 发布

_阿锋丶

最新推荐文章于 2022-11-20 23:03:10 发布

阅读量434

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_43342105/article/details/104225439

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!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>

_阿锋丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery入口函数的几种写法

<!DOCTYPE html><html lang="en"><!-- 原生的js和jquery的区别 1，原生的js和jquery入口函数的加载模式不同原生的js会等到dom元素加载完毕，并且图片也加载完毕才会执行 jquery会等到dom元素加载完毕，但不会等到图片加载完毕 2，原生的js如果编写了多个入口函数，后...
复制链接

扫一扫