jQuery和JS入口函数的区别

最新推荐文章于 2021-09-09 18:37:06 发布

从菜鸟到入土

最新推荐文章于 2021-09-09 18:37:06 发布

阅读量250

点赞数

本文链接：https://blog.csdn.net/jyp18391127423/article/details/113403559

版权

jQuery和JS入口函数的区别

1.通过原生的JS入口函数可以拿到DOM元素
2.通过原生的JS入口函数可以拿到DOM元素的宽高
3.原生JS和jQuery入口函数的加载模式不同
3.1原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行
3.2jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行
4.原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的
5.jQuery中编写多个入口函数,后面的不会覆盖前面的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery和JS入口函数的区别</title>
    <script src="js/jquery-1.12.4.js"></script>
    <script>
        /*
        window.onload = function (ev) {
            // 1.通过原生的JS入口函数可以拿到DOM元素
            var images = document.getElementsByTagName("images")[0];
            console.log(images);
            // 2.通过原生的JS入口函数可以拿到DOM元素的宽高
            var width = window.getComputedStyle(images).width;
            console.log("onload", width);
        }
        */

        /*
        * 1.原生JS和jQuery入口函数的加载模式不同
        * 原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行
        * jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行
        * */
        /*
        $(document).ready(function () {
            // 1.通过jQuery入口函数可以拿到DOM元素
            var $images = $("images");
            console.log($images);
            // 2.通过jQuery入口函数不可以拿到DOM元素的宽高
            var $width = $images.width();
            console.log("ready", $width);
        });
        */

        /*
        1.原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的
        2.jQuery中编写多个入口函数,后面的不会覆盖前面的
        */
        // window.onload = function (ev) {
        //     alert("hello lnj1");
        // }
        // window.onload = function (ev) {
        //     alert("hello lnj2");
        // }

        $(document).ready(function () {
            alert("hello lnj1");
        });
        $(document).ready(function () {
            alert("hello lnj2");
        });
    </script>
</head>
<body>
<img src="https://img.alicdn.com/tfs/TB1P_MofwmTBuNjy1XbXXaMrVXa-190-140.gif" alt="">
</body>
</html>

从菜鸟到入土

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery和JS入口函数的区别

jQuery和JS入口函数的区别1.通过原生的JS入口函数可以拿到DOM元素2.通过原生的JS入口函数可以拿到DOM元素的宽高3.原生JS和jQuery入口函数的加载模式不同3.1原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行3.2jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行4.原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的5.jQuery中编写多个入口函数,后面的不会覆盖前面的<!DOCTYPE html><html
复制链接

扫一扫