1) Manipulação de conteúdo e injeção de HTML

append, prepend, before, after, html, text, empty, remove, replaceWith, clone

Título principal

Texto inicial do bloco principal.

Bloco secundário

Área auxiliar para before/after e replaceWith.

2) Classes, atributos e propriedades

attr, prop, addClass, removeClass, toggleClass, hasClass, css, setAttribute, getAttribute, removeAttribute

Bloco de atributos

Teste de classes, atributos e propriedades.

3) Visibilidade e efeitos visuais

show, hide, toggle, fadeIn, fadeOut, slideUp, slideDown, slideToggle, animate

Caixa de efeitos
animate()

4) Eventos do jQuery

on, click, change, submit, hover, focus, blur, trigger, ready

Passe o mouse aqui para testar hover()

5) Navegação no DOM e filtros

each, find, closest, parent, children, eq, first, last, filter, not, is

Item 1

Produto com selo promocional.

Item 2

Produto comum.

Item 3

Outro produto com destaque.

6) Formulários, valores e texto

val, textContent, innerText, innerHTML, value, trim, includes, replace, split, join

Saída textual aqui

7) Dimensões, posição e scroll

width, height, offset, scrollTop

Medições

Role a página para usar o teste de scrollTop(). O header também pode receber classe dinâmica.

8) JavaScript puro e DOM nativo

querySelector, querySelectorAll, getElementById, getElementsByClassName, getElementsByTagName, addEventListener, removeEventListener, classList, createElement, appendChild, removeChild, replaceChild

Elemento alvo nativo
Item nativo 1
Item nativo 2
Item nativo 3

9) Timers e controle de execução

setTimeout, setInterval, clearTimeout, clearInterval

0

Use os botões para iniciar, parar e limpar timers.

10) Números e conversões

parseInt, parseFloat, Number, toFixed

Resultado numérico aqui

11) AJAX, Promise, then, catch, finally, async/await, $.get, $.post

Testes de comunicação assíncrona usando API pública e Promise simulada.

Nenhuma requisição executada ainda.

12) Wrap, unwrap, filter visual e utilidades extras

wrap, unwrap, $.each, $.map, is, not, filter aplicados visualmente

produto
carrinho
checkout
frete