exemplos básicos de aplicação jQuery incluem aqueles para esconder e animar os elementos da página Web , e também alterar o conteúdo ea aparência de um elemento. Antes de trabalhar através destes exemplos , aprender a selecionar elementos com jQuery. Isso garante os métodos jQuery executados irá trabalhar sobre os elementos pretendidos. Escondendo

Você pode ocultar elementos da página Web como parágrafos e cabeçalhos usando método Hide do CSS. Restaurar a visibilidade do elemento com o método Show . Por exemplo, a afirmação " (" # someElement " ) . Esconder ()" irá esconder o elemento HTML com a tag "# someElement . " O programa de exemplo a seguir cria uma página Web com um botão para mostrar-lhe como esconder dinamicamente um parágrafo.

html head < roteiro id = " mybutton "> Por favor, clique aqui.

Watch this desaparecer.

Animando

Com método Animate do jQuery , você pode fazer um parágrafo ou outro elemento HTML alterar dinamicamente posição e tamanho, o que permite executar animações simples . Especifique o atributo que você deseja animar , juntamente com o valor pelo qual você deseja que atributo para mudar, como o primeiro argumento para animar . Cerque esse argumento com chaves. Especifique a velocidade em que você deseja que a animação para ocorrer em segundo argumento da Animar. Use o programa de exemplo a seguir para aprender a fazer um movimento parágrafo em toda a tela .

Html head < tipo de script = "text /javascript " src = " jquery.js " ; > < roteiro { MarginLeft : " 500px "}, "lento" );} );} ); Por favor, clique aqui.

Assista a este movimento.

Alterar conteúdo

Use jQuery para alterar o conteúdo HTML usando um método como HTML, Acrescentar, ou antes . Por exemplo, se você deseja adicionar texto existente a um parágrafo especial cujo id é " myparagraph ", escreve a seguinte declaração .

$ ("# Myparagraph " ) . Append ( "Novo texto" ); .

Aqui está um programa de exemplo que ilustra o método Append

html head < tipo de script = "text /javascript " src = " jquery.js " ; > < roteiro mundo ");} );} );

Por favor, clique aqui < /button>

N. º 1 < /p>
Alterando CSS

Use CSS método do jQuery para alterar o estilo dos parágrafos , botões, títulos e outros elementos HTML . Por exemplo, " CSS ( " font-weight "," negrito ")" fará com que o texto de um elemento HTML em negrito. Identificar o atributo CSS que você deseja alterar no primeiro argumento do método CSS. Selecione o valor para esse atributo com o segundo argumento do método CSS. Aqui está um exemplo de programa que coloca o método CSS no contexto.

Html head < roteiro id = " mybutton "> Clique aqui

Assista a este virar negrito.