Fazedor de Site

Seletores jQuery - class

November 27, 2009 8:28 am

Encontra e seleciona todos os elementos com a classe informada.

Exemplo:

$(".minhaClasse").css("border","3px solid red");

O eemplo acima vai encontrar e aplicar uma borda vermelha a todos os elementos com a classe “minhaClasse”.

8:27 am

element seleciona todas tags HTML encontradas para o valor indicado.

Exemplo de uso:

$("div").css("border","9px solid red");

O exemplo acima vai selecionar todos elements DIV do HTML e aplicar a eles uma borda vermelha de 9px.

8:22 am

Encontra e seleciona um id único.

Exemplo de uso:

$("#meuElemento").css("border","3px solid red");

O exemplo acima vai selecionar o primeiro elemento com id meuElemento que encontrar no DOM e aplicar bordas vermelha de 3px a ele.

8:16 am

Como retornar a quantidade de elementos em uma lista HTML usando jQuery?

Vamos supor que você tenha o seguinte código:

<ul id=”minhaLista”>
<li>linha 1</li>
<li>linha 2</li>
<li>linha 3</li>
</ul>

Vamos supor ainda que o numero de LI será dinâmico, sempre diferente, como saber quantos tenho usando jQuery?

length() é a solução!

Basta usar o seguinte codigo apos o elemento ja ter sido gerado no HTML para testar:

$("UL#minhaLista LI").length();

Ele ira retornar o numero de elementos LI existentes dentro da UL de id minhaLista.

8:14 am

Como retornar a quantidade de elementos em uma lista HTML usando jQuery?

Vamos supor que você tenha o seguinte código:

<ul id=”minhaLista”>
<li>linha 1</li>
<li>linha 2</li>
<li>linha 3</li>
</ul>

Vamos supor ainda que o numero de LI será dinâmico, sempre diferente, como saber quantos tenho usando jQuery?

size() é a solução!

Basta usar o seguinte codigo apos o elemento ja ter sido gerado no HTML para testar:

$("UL#minhaLista LI").size();

Ele ira retornar o numero de elementos LI existentes dentro da UL de id minhaLista.