Para podermos criar efeitos, animações, executar procedimentos etc, precisamos manipular os elementos na página, então é fundamental saber como buscar, selecionar e pegar esses elementos usando jQuery.

Selecionando os elementos pelo ID

Por exemplo, temos uma div html com o id=”painel”

Para selecionarmos usando jQuery ficaria assim:

Selecionando os elementos pela classe

Por exemplo, temos um input com a class=”nome”

Para selecionarmos usando jQuery ficaria assim:

Selecionando os elementos por um atributo

Por exemplo, temos um input com o atributo fruta=”morango”

Para selecionarmos usando jQuery ficaria assim:

Misturando seletores

Por exemplo, temos um span com class=”icone” dentro de uma div com id=”painel”

Para selecionarmos usando jQuery ficaria assim:

 

Esses são os principais seletores de elementos html com jQuery, confira no próximo post outros seletores jQuery bastante úteis!