Latest web development tutorials

Exemplos jQuery

Você quer melhorar as habilidades jQuery?


seletor jQuery

$ (This) .hide ()

Demonstra a função jQuery hide (), escondendo o elemento HTML atual.

$ ( "P"). Hide ()

Demonstra a função jQuery hide (), escondendo todos os elementos <p>.

$ ( ". Test"). Hide ()

Demonstra a função jQuery hide (), escondendo todo class = elemento de "test".

$ ( "# Test"). Hide ()

Demonstra a função jQuery hide (), ocultar id = elemento de "test".


jQuery Evento

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

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

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

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

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

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

jQuery pairo ()
Demonstração pairar jQuery () evento.

foco jQuery () e blur ()
Demonstração foco jQuery () e evento blur ().

Exemplos de analítico


jQuery Hide / Show

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

jQuery hide () e show ()
Demonstração jQuery hide () e show de método ().

jQuery alternância ()
jQuery alternância () para alternar hide () e o método show ().

jQuery hide ()
Outros exemplos de um texto escondido.

Exemplos de analítico


jQuery fade

jQuery fadeIn ()
método jQuery fadeIn () demonstração.

jQuery fadeOut ()
método jQuery fadeOut () demonstração.

jQuery fadeToggle ()
método jQuery fadeToggle () demonstração.

jQuery fadeTo ()
método jQuery fadeTo () demonstração.

Exemplos de analítico


jQuery corrediça

jQuery slideDown ()
método jQuery slideDown () demonstração.

jQuery slideUp ()
método jQuery slideUp () demonstração.

jQuery slideToggle ()
método jQuery slideToggle () demonstração.

Exemplos de analítico


animação jQuery

jQuery animate ()
Simples demo animado jQuery () método.

jQuery animate () - definir a propriedade múltipla css
Demo () para alterar o estilo de jQuery animar.

jQuery animado () - a utilização do valor de correlação
Demonstra como usar os valores no método jQuery animate ().

jQuery animate () - usando um valor predefinido
Demonstração de "esconder" predefinido, "show", os valores de "alternância" animar ().

jQuery animate ()
Demonstração Mais jQuery animate () instância de método

jQuery animate ()
Demonstração Mais jQuery animate () instância de método (múltipla animado () callback).

Exemplos de analítico


Pare de animações jQuery

jQuery stop () slides
Demonstração jQuery stop () método.

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

Exemplos de analítico


jQuery HTML Get e propriedade

texto jQuery () e html () - obter o texto e conteúdo
Use o texto jQuery () e o método html () para obter o conteúdo.

jQuery val () - Obtém o valor
Use o método jQuery val () para obter os valores de campo de formulário.

jQuery attr () - Obtém o valor da propriedade
Use o método jQuery attr () para obter o valor da propriedade.

Exemplos de analítico


conteúdo e definição de propriedades jQuery HTML

texto jQuery (), html () , e val () - definir o conteúdo
Use o texto jQuery (), html () e o método val () para definir o conteúdo.

texto jQuery () e html () - definir o conteúdo e usar uma função de retorno de chamada
Usando o texto () e html () definir o conteúdo e usar uma função de retorno de chamada

jQuery attr () - para definir valores de propriedade
Use o método jQuery attr () para definir valores de propriedade.

jQuery attr () - definir vários valores de propriedade
Use o método jQuery attr () para definir vários valores de propriedade.

jQuery attr () - para definir valores de propriedade usando uma função de callback
+ E definir valores de propriedade usando um attr chamada de função de retorno de chamada ().

Exemplos de analítico


jQuery HTML para adicionar elementos / content

jQuery append ()
No final de elementos seleccionados adicionar conteúdo

jQuery prepend ()
No início de elementos selecionados adicionar conteúdo

jQuery append () - inserir vários elementos
Inovadores novos elementos text / html, jQuery e JavaScript / DOM. A adição de um novo elemento no texto.

jQuery após () e antes de ()
Antes e depois do elemento selecionado para adicionar elementos HTML.

jQuery após () - inserir vários elementos
Inovadores novos elementos text / html, jQuery e JavaScript / DOM. No final do elemento selecionado para inserir novos elementos.

Exemplos de analítico


jQuery elementos HTML são removidos / conteúdo

jQuery remove ()
Remover elemento seleccionado

jQuery empty ()
Remover os elementos selecionados de todos os elementos filho

jQuery remove () - Parâmetros
E retire o elemento filtrante

Exemplos de analítico


jQuery obter e definir classes CSS

jQuery addClass ()
Adicionar atributo elementos classe diferente

jQuery addClass () - mais de uma classe
Use o método addClass () para adicionar várias classes

jQuery removeClass ()
Remove o elemento especificado de classe

jQuery toggleClass ()
Em elementos de comutação selecionados (adicionar / remover) classe

Exemplos de analítico


jQuery css () Método

jQuery css () - Retorna a propriedade CSS
Retorna os valores de propriedade elemento css primeira correspondência

jQuery css () - Definir propriedades CSS
Definir todas as propriedades CSS elementos de configuração especificada

jQuery css () - Definir propriedades CSS
Uma pluralidade de combinar elementos propriedades CSS

Exemplos de analítico


jQuery Dimensões

jQuery - retorna a largura () e altura ()
Retorna a largura e altura do elemento especificado

jQuery - retorna innerWidth () e innerHeight ()
Retorna o elemento especificado interior de largura / altura

jQuery - retorna outerWidth () e outerHeight ()
Retorna o elemento especificado exterior de largura / altura

jQuery - retorna outerWidth (true) e outerHeight (true)
Retorna o elemento especificado exterior de largura / altura (incluindo o quadro externo)

jQuery - retorna a largura () e altura () do documento e janela
Retorna o documento HTML e a largura da janela e altura

jQuery - largura Ambiente () e altura ()
Definir o elemento de largura e altura especificadas

Exemplos de analítico


jQuery travessia - ancestral

jQuery parent ()
Demonstração pai jQuery () método.

pais jQuery ()
pais jQuery demo () método.

jQuery parentsUntil ()
método jQuery parentsUntil () demonstração.

Exemplos de analítico


jQuery travessia - prole

crianças jQuery ()
Demonstração crianças jQuery () método.

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

Exemplos de analítico


jQuery travessia - Compatriotas (irmãos)

irmãos jQuery ()
irmãos jQuery demo () método.

jQuery next ()
próximo método de demonstração jQuery ().

jQuery nextAll ()
método jQuery nextAll () demonstração.

jQuery nextUntil ()
método jQuery nextUntil () demonstração.

Exemplos de analítico


carga jQuery AJAX () Método

carga jQuery ()
carregamento assíncrono o conteúdo do arquivo e inserido no elemento <div>.

carga jQuery ()
o conteúdo do arquivo de carga assíncronos especificado o conteúdo do elemento e inserido no elemento <div>.

carga jQuery () - use uma função de retorno (callback)
Use o método da função de retorno de carga jQuery ().

Exemplos de analítico


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

jQuery get ()
Usando $ .get () para recuperar dados a partir do servidor de forma assíncrona

pós jQuery ()
Usando o $ .post () para recuperar dados a partir do servidor de forma assíncrona

Exemplos de analítico