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 a 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 a 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 algo 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, tal 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ê usa com mais frequência. Você pode configurar seletores muito complexos com base na estrutura da página, mas na maioria das vezes você vai usar um desses três seletores:

  • por classe

  • por ID

  • Ao elemento

Se você teve algum HTML que ficou assim:

Meu livro

Você pode acessar isso com jQuery como este:

$ ( "#") BOOKTITLE

É 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 a mesma título do livro. Não importa o que caso você usa, contanto que os jogos entre o HTML e javascript e jQuery.

Agora, dê uma olhada neste pouco de HTML:

Este é um texto

O seletor jQuery parece com isso:

$ ( ". TitleClass")

Se você acha que esses seletores olhar como os seus homólogos de 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:

$ ( "# BOOKTITLE") $ ( ". TitleClass")

O outro seletor usado frequentemente agarra todos os elementos de um determinado 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 esses 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.

Semelhante

menu