logo

Exemplo de jQuery

jQuery é desenvolvido pelo Google. Para criar o primeiro exemplo de jQuery, você precisa usar o arquivo JavaScript para jQuery. Você pode baixar o arquivo jQuery em jquery.com ou usar o URL absoluto do arquivo jQuery.

Neste exemplo de jQuery, estamos usando a URL absoluta do arquivo jQuery. O exemplo jQuery está escrito dentro da tag script.

Vamos ver um exemplo simples de jQuery.

Arquivo: firstjquery.html
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Teste agora

Saída:

O primeiro parágrafo é selecionado.

O segundo parágrafo é selecionado.

O terceiro parágrafo é selecionado.

$(documento).ready() e $()

O código inserido entre $(document).ready() é executado apenas uma vez quando a página está pronta para a execução do código JavaScript.

selecione entre várias tabelas sql

No lugar de $(document).ready(), você pode usar apenas a notação abreviada $().

 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

O código acima é equivalente a este código.

 $(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Vamos ver o exemplo completo de jQuery usando a notação abreviada $().

Arquivo: shortjquery.html
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Teste agora

Saída:

O primeiro parágrafo é selecionado.

O segundo parágrafo é selecionado.

inteiro para string java

O terceiro parágrafo é selecionado.


function() { $('p').css('cor de fundo', 'ciano'); }

Muda a cor de fundo de todos

tag ou parágrafo para ciano.