O preparar() A função em jQuery executa o código somente quando o DOM (modelo de objeto de documento) está totalmente carregado. É uma função embutida no jQuery. Ele pode disparar antes de carregar todas as imagens, etc., mas somente quando o DOM estiver pronto. O código inserido entre $(documento).ready() é executado somente quando a página está pronta para a execução do código JavaScript.
Não deveríamos usar o preparar() método juntamente com o .
Sintaxe
Podemos usar o preparar() funcionam de duas maneiras, conforme mostrado abaixo.
- A sintaxe comumente usada de o pronto() função é a seguinte.
$(document).ready(function)
- Como podemos usar o preparar() funciona apenas para o documento atual, portanto o seletor pode ser ignorado. Também podemos escrever a sintaxe acima da seguinte maneira.
$(function)
Ambas as formas acima são válidas para uso. A segunda sintaxe pode ser usada como alternativa à primeira sintaxe. Isso pode ficar claro no seguinte trecho de código.
$(document).ready(function() { $('p').css('color', 'red'); }); O código acima é equivalente ao código abaixo.
$(function() { $('p').css('color', 'red'); }); Alguns desenvolvedores experientes usam a abreviação $() em vez de usar $(documento).ready(), mas se estivermos escrevendo o código para pessoas não experientes, é melhor usar o formato longo.
Valores de parâmetros
O preparar() função tem apenas um único valor de parâmetro definido como segue.
função(): É o parâmetro obrigatório que especifica a função que será executada após o carregamento do documento.
Vejamos um exemplo de uso do $(documento).ready() função.
contar distinto
Exemplo
Neste exemplo, existem alguns elementos de parágrafo e um botão. Aqui, estamos usando $(documento).ready() função para alterar o estilo dos parágrafos fornecidos.
jQuery ready() function $(document).ready(function(){ $('button').click(function(){ $('#p1').css({'font-size': '30px', 'color': 'blue', 'background': 'yellow', 'fontWeight': 'bold'}); $('#p2').css({'fontSize': '20px', 'fontWeight': 'bold', 'color': 'red'}); $('#p3').css({'color': 'blue'}); }); }); <p id="p1"> Welcome to the javaTpoint.com </p> <p id="p2"> This is an example of using the $(document).ready() function. </p> <p id="p3"> This is a third paragraph element </p> <p> Click the following button to see the effect. </p> Click me Teste agora Saída:
Após a execução do código acima, a saída será -
Depois de clicar no botão fornecido, a saída será -
