Finalmente começou o aprendizado formal do jQuery, animado? Nosso artigo explica a função de entrada do jquery e seu objeto de nível superior $

Função de entrada:

O que é uma função de entrada?

Não sei se você ainda tem alguma impressão. Quando estávamos aprendendo a BOM de JS nativo, o erro foi relatado porque o elemento HTML estava por trás da tag do script e o código era executado de cima para baixo. Naquela época, tínhamos duas soluções: A primeira O método é load, e o segundo método é DOMContentLoaded. Também existe essa situação no jQuery, se a nossa tag de script for colocada na frente do elemento HTML, a função entry é necessária.

efeito:

A função desta função de entrada é executar o código após a renderização da estrutura DOM, sem esperar que todos os recursos como imagens, css, etc. sejam carregados, o que equivale a DOMContentLoaded em JS nativo

Formato de escrita:

O primeiro (recomendado) : $( function( ) { XXXX })

A segunda: $( document ).ready( function( ) { XXXX })

Vamos dar um exemplo, digamos que queremos ocultar uma div usando jQuery (usando o método hide do jQuery):

O primeiro formato de escrita:

<body>
    <script>
        $(function(){  //因为HTML元素在script下方，所以使用入口函数
            $('div').hide();
        })
    </script>
    <div></div>
</body>

O segundo formato de escrita:

<body>
    <script>
       $(document).ready(function(){  //因为HTML元素在script下方，所以使用入口函数
           $('div').hide();
       })
    </script>
    <div></div>
</body>

Ambos os formatos são corretos e válidos, mas o primeiro é comumente usado porque o primeiro é mais fácil

Objeto de nível superior $:

Primeiro, vamos explicar o objeto de nível superior do jQuery: $ é equivalente a window em JS nativo. Na verdade, $ é apenas outro nome para jQuery. Podemos usar jQuery em vez de $ ao desenvolver e escrever código, ou usar $ em vez de jQuery, mas porque $ é mais conveniente e conciso, então geralmente usamos $

Por exemplo, no código da função de entrada acima, também é correto substituir $ por jQuery:

<body>
    <script>
        jQuery(function(){ 
            jQuery('div').hide();
        })
    </script>
    <div></div>
</body>

jQuery basicamente usa a função de entrada

Função de entrada:

Objeto de nível superior $:

Acho que você gosta