Como selecionar elementos com jquery

ost do que você vai fazer em jQuery acontece através de seletores. Por exemplo, você freqüentemente selecionar um pedaço de uma página web e depois ter jQuery executar uma ação em que parte da página. Essa ação pode ser qualquer coisa de adicionar o texto, mudando HTML, CSS mudando ou, bem, qualquer coisa que você pode pensar!

O fluxo básico para programação javascript com jQuery é esta:

  1. Selecione um elemento na página web (ou toda a página em si).

  2. Fazer algo interessante com esse elemento.

Ok, o que você faz com o elemento não tem que ser interessante, mas você vai fazer alguma coisa com o elemento selecionado. Isso é algo que pode ser qualquer coisa, desde a remoção do elemento para adicionar ou alterar ou simplesmente obter informações a partir do elemento, como o seu texto ou estilos CSS atuais.

jQuery seletores de perto

Há três seletores primárias ou básicas em jQuery. Eles são os únicos que você vai usar com mais frequência. Você pode configurar seletores muito complexas com base na estrutura da página, mas na maioria das vezes você vai usar um desses três seletores:

  • por classe

  • por ID

    Video: Aprende jQuery de una vez por todas #3 Seleccionar elementos HTML sin jQuery

  • por elemento

Se você teve algum HTML que ficou assim:

Meu livro

Você pode acessar isso com jQuery como este:

$ ("#título do livro")


É importante notar que as coisas em jQuery (e javascript) são maiúsculas de minúsculas. assim título do livro não é o mesmo que TÍTULO DO LIVRO e não o mesmo que título do livro. Não importa o que caso você usa, contanto que ele corresponda entre o HTML eo javascript e jQuery.

Video: Curso de jQuery en español, Cómo Implementar el Evento click

Agora, dê uma olhada neste pouco de HTML:

Este é um texto

O seletor jQuery parece com isso:

$ (".titleClass")

Se você acha que esses seletores parecem com suas contrapartes CSS, você está certo. Não se preocupe se você não estava pensando que- não haverá um quiz.

Em CSS, você acessar os itens pelo seu ID com um sinal de libra (#) E você acessar classes com um único ponto (.):

# bookTitle.titleClass

Tudo o que você está fazendo para jQuery é envolvê-lo na $ () construir e usando algumas citações também. Então você começa a seguinte:

$ ("#título do livro") $ (".titleClass")

O outro seletor usado frequentemente agarra todos os elementos de um certo tipo. O seletor a seguir seleciona todos os elementos em toda a página:

$ ("div")

Há seletores mais avançados. Por exemplo, você pode selecionar pela posição de um elemento na página e, bem, praticamente qualquer combinação que você pode pensar. Mas você vai usar estes três na maioria das vezes.

filtragem jQuery

Uma coisa adicional que você deve saber sobre seletores jQuery é que você pode filtrá-los. Isto é particularmente útil quando se trata de trabalhar com formulários e eventos.


Publicações relacionadas