jQuery的顶级对象

Posted 乱舞春秋__

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery的顶级对象相关的知识,希望对你有一定的参考价值。

jQuery的顶级对象是$,它是jQuery的别称,相当于JS中的window对象。在代码中,我们可以使用jQuery来代替$,但为了方便起见,我们通常使用$。,$可将元素包装为jQuery对象,以便调用jQuery的方法。

示例:

(1)使用$符号

    <script src="jQuery.js"></script>
    <style>
        div {
            width: 100px;
            height: 100px;
        }
    </style>
</head>

<body>
    <script>
        $(function () {
            $('div').css('background-color', 'green');
        })
    </script>
    <div></div>
</body>

效果图:

(2)使用jQuery

    <script src="jQuery.js"></script>
    <style>
        div {
            width: 100px;
            height: 100px;
        }
    </style>
</head>

<body>
    <script>
        jQuery(function () {
            jQuery('div').css('background-color', 'blue');
        });
    </script>
    <div></div>
</body>

效果图:

可见,$和jQuery可以相互替代使用。

以上是关于jQuery的顶级对象的主要内容,如果未能解决你的问题,请参考以下文章

jquery 对象的 heightinnerHeightouterHeight 的区别以及DOM 元素的 clientHeightoffsetHeightscrollHeightoffset(代码片段

jQuery对象和DOM对象

jQuery

常用Javascript代码片段集锦

Jquery 使用和Jquery选择器

Visual Studio 2012-2019的130多个jQuery代码片段。