Exemplo jQuery

Aprimore suas habilidades em jQuery através de exemplos!

Exemplos de sintaxe jQuery

$("this").hide()
Demonstração da função hide() do jQuery, ocultando o elemento HTML atual
$("p").hide()
Demonstração da função hide() do jQuery, ocultando todos os elementos <p>
$(".test").hide()
Demonstração da função hide() do jQuery, ocultando todos os elementos class="test"
$("#test").hide()
Demonstração da função hide() do jQuery, ocultando o elemento id="test"

Explicação de exemplo

Ocultamento - Deslize - Desaparecimento

jQuery fadeOut()
Demonstração simples da função jQuery fadeout()
jQuery hide()
Demonstração simples da função jQuery hide()
Ocultar explicações
Demonstração de como ocultar parte do texto
Slide panel
Demonstração simples do efeito Slide Panel
jQuery animate()
Demonstração simples da função jQuery animate()

Explicação de exemplo

Operações HTML

Alterar o conteúdo do elemento HTML.

Adicionar conteúdo ao elemento HTML.

Adicionar conteúdo após o elemento HTML.

Explicação de exemplo

Operações CSS

Alterar atributos CSS de elementos HTML.

Alterar múltiplos atributos CSS.

Obter atributos CSS de elementos.

Explicação de exemplo

AJAX e jQuery

Use $(selector).load(url) para alterar o conteúdo HTML.

Use $.ajax(options) para alterar o conteúdo HTML.

Explicação de exemplo