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.
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.
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.
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.
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.
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).
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.
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.
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() .
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.
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
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.
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.
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.
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.
Descendentes jQuery atravessando
jQuery children()
Demonstra o jQuery children() método.
jQuery find()
Demonstra o jQuery find() método.
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.
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.
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.
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.