Fazedor de Site » 2009

Seletores jQuery - element

November 27, 2009 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.

7:38 am

Este post serve apenas para testes, estou tentando reviver este blog, template antigo recolocado.