Fórum | tutoriais mais recente desenvolvimento web
 

jQuery Exemplos


Você quer desenvolver suas habilidades seletor jQuery?

Por favor, tente o nosso Selector Tester jQuery


jQuery seletores

$("p").hide()
Demonstra o jQuery hide() método, escondendo todos <p> elementos.

$("#test").hide()
Demonstra o jQuery hide() método, escondendo o elemento com id="test" .

$(".test").hide()
Demonstra o jQuery hide() método, escondendo todos os elementos com class="test" .

$(this).hide()
Demonstra o jQuery hide() método, escondendo o elemento HTML atual.

Exemplos explicou


jQuery Eventos

jQuery click()
Demonstra o jQuery click() evento.

jQuery dblclick()
Demonstra o jQuery dblclick() evento.

jQuery mouseenter()
Demonstra o jQuery mouseenter() evento.

jQuery mouseleave()
Demonstra o jQuery mouseleave() evento.

jQuery mousedown()
Demonstra o jQuery mousedown() evento.

jQuery mouseup()
Demonstra o jQuery mouseup() evento.

jQuery hover()
Demonstra o jQuery hover() evento.

jQuery focus() e blur()
Demonstra o jQuery focus() e blur() eventos.

Exemplos explicou


jQuery Hide / Show

jQuery hide()
Demonstra o jQuery hide() método.

jQuery hide() e show()
Demonstra jQuery hide() e show() métodos.

jQuery toggle()
jQuery toggle() alterna entre hide() e show() .

jQuery hide()
Outra hide demonstração. Como ocultar partes do texto.

Exemplos explicou


jQuery fade

jQuery fadeIn()
Demonstra o jQuery fadeIn() método.

jQuery fadeOut()
Demonstra o jQuery fadeOut() método.

jQuery fadeToggle()
Demonstra o jQuery fadeToggle() método.

jQuery fadeTo()
Demonstra o jQuery fadeTo() método.

Exemplos explicou


jQuery slide

jQuery slideDown()
Demonstra o jQuery slideDown() método.

jQuery slideUp()
Demonstra o jQuery slideUp() método.

jQuery slideToggle()
Demonstra o jQuery slideToggle() método.

Exemplos explicou


jQuery Animate

jQuery animate()
Demonstra um uso simples do jQuery animate() método.

jQuery animate() - manipular várias propriedades CSS
Demonstra que você pode manipular várias propriedades CSS com o jQuery animate() método.

jQuery animate() - usando valores relativos
Demonstra que você pode usar valores relativos na jQuery animate() método.

jQuery animate() - usando valores pré-definidos
Demonstra que você pode usar os valores pré-definidos "hide", "show", "toggle" na jQuery animate() método.

jQuery animate()
Demonstra mais usando o jQuery animate() método (vários animate() chama um após o outro).

jQuery animate()
Demonstra mais usando o jQuery animate() método (vários animate() chama um após o outro).

Exemplos explicou


jQuery Parar Animations

jQuery stop() deslizante
Demonstra o jQuery stop() método.

jQuery stop() animação (com parâmetros)
Demonstra o jQuery stop() método.

Exemplos explicou


jQuery HTML Obter conteúdo e atributos

jQuery text() e html() - Obter conteúdo
Obter conteúdo com o jQuery text() e html() métodos.

jQuery val() - Obter conteúdo
Obter o valor de um campo de formulário com o jQuery val() método.

jQuery attr() - Retorna o valor do atributo
Obter o valor de um atributo com o jQuery attr() método.

Exemplos explicou


jQuery HTML Set Conteúdo e Atributos

jQuery text() , html() e val() - conteúdo Set
Definir o conteúdo com as jQuery text() , html() e val() métodos.

jQuery text() e html() - conteúdo definido com uma função de retorno
Definir o conteúdo + usando uma função de retorno dentro text() e html() .

jQuery attr() - Definir valor de atributo
Defina o valor do atributo com o jQuery attr() método.

jQuery attr() - Defina vários valores de atributo
Definir vários valores de atributos com o jQuery attr() método.

jQuery attr() - Definir valor de atributo com uma função callback
Definir valor de atributo + usando uma função de retorno dentro attr() .

Exemplos explicou


jQuery HTML Adicionar Elements / Conteúdo

jQuery append()
Inserir conteúdo no final dos elementos seleccionados HTML.

jQuery prepend()
Inserir conteúdo no início dos elementos seleccionados HTML.

jQuery append() - Inserir vários novos elementos
Criar novos elementos com texto / HTML, jQuery e JavaScript / DOM. Em seguida, acrescentar novos elementos ao texto.

jQuery after() e before()
Inserir conteúdo antes e após os elementos HTML selecionados.

jQuery after() - Inserir vários novos elementos
Criar novos elementos com texto / HTML, jQuery e JavaScript / DOM. Em seguida, insira os novos elementos após o elemento selecionado.

Exemplos explicou


jQuery HTML Remover Elements / Conteúdo

jQuery remove()
Remova o selecionado element(s) .

jQuery empty()
Remova todos os elementos filho do selecionado element(s) .

jQuery remove() - com um parâmetro
Filtrar os elementos a serem removidos

Exemplos explicou


jQuery obter e definir Classes CSS

jQuery addClass()
Adicionar atributos de classe para diferentes elementos.

jQuery addClass() - Várias aulas
Especifique várias classes dentro do addClass() método.

jQuery removeClass()
Remover um atributo de classe específica de diferentes elementos.

jQuery toggleClass()
Alternar entre adição / remoção de classes a partir dos elementos selecionados.

Exemplos explicou


jQuery css() Método

jQuery css() - retorno propriedade CSS
Devolver o valor de uma propriedade CSS especificado a partir do primeiro elemento combinado.

jQuery css() - definir a propriedade CSS
Definir uma propriedade CSS especificado para todos os elementos combinados.

jQuery css() - definir propriedades CSS
Definir várias propriedades CSS para todos os elementos combinados.

Exemplos explicou


jQuery Dimensões

jQuery - retorno width() e height()
Voltar a largura e altura de um elemento especificado.

jQuery - voltar innerWidth() e innerHeight()
Devolver o interior de largura / altura de um elemento especificado.

jQuery - voltar outerWidth() e outerHeight()
Devolver o exterior de largura / altura de um elemento especificado.

jQuery - voltar outerWidth (true) e outerHeight (true)
Devolver o exterior de largura / altura (incluindo as margens) de um elemento especificado.

jQuery - retorno width() e height() do documento e janela
Voltar a largura e altura do documento (o documento HTML) e janela (a janela do navegador).

jQuery - conjunto de width() e height()
Define a largura e altura de um elemento especificado.

Exemplos explicou


jQuery atravessando Ancestors

jQuery parent()
Demonstra o jQuery parent() método.

jQuery parents()
Demonstra o jQuery parents() método.

jQuery parentsUntil()
Demonstra o jQuery parentsUntil() método.

Exemplos explicou


Descendentes jQuery atravessando

jQuery children()
Demonstra o jQuery children() método.

jQuery find()
Demonstra o jQuery find() método.

Exemplos explicou


jQuery Atravessando Irmãos

jQuery siblings()
Demonstra o jQuery siblings() método.

jQuery next()
Demonstra o jQuery next() método.

jQuery nextAll()
Demonstra o jQuery nextAll() método.

jQuery nextUntil()
Demonstra o jQuery nextUntil() método.

Exemplos explicou


Filtragem de deslocação jQuery

jQuery first()
Demonstra o jQuery first() método.

jQuery last()
Demonstra o jQuery last() método.

jQuery eq()
Demonstra o jQuery eq() método.

jQuery filter()
Demonstra o jQuery filter() método.

jQuery not()
Demonstra o jQuery not() método.

Exemplos explicou


jQuery AJAX load() Método

jQuery load()
Carregar o conteúdo de um arquivo em um <div> elemento.

jQuery load()
Carregar o conteúdo de um elemento específico dentro de um arquivo, em um <div> elemento.

jQuery load() - com retorno de chamada
Use do jQuery load() método com uma função de retorno.

Exemplos explicou


jQuery AJAX get() e post() Métodos

jQuery get()
Use o $.get() método para recuperar dados de um arquivo no servidor.

jQuery post()
Use o $.post() método para enviar alguns dados junto com a solicitação.

Exemplos explicou