terça-feira, 6 de outubro de 2009

Seletores jQuery

Uma das grandes facilidades deste excelente framework são os seus seletores, vou aprensentar aqui alguns muito úteis, por classe e por id do elemento.

Vamos supor que quero recuperar o elemento pelo seu Id, podemos escrever o código da seguinte maneira:

<span id="element_id">meu texto aqui</span>

var element = jQuery('#element_id');

Onde o símbolo que representa o get por ID é o símbolo #.

Agora vamos supor que necessito recuperar vários elementos do código HTML, então posso fazer isso através do seletor de classes como segue no exemplo:

<span class="myclass">meu texto aqui</span>
<span class="myclass">meu texto aqui2</span>
<span class="myclass">meu texto aqui3</span>

Para recuperar todos os elementos que contém esta classe posso escrever:

jQuery('.myclass').each(function(){
var element = jQuery(this);
});

Onde cada item do laço representa um elemento HTML e o símbolo que representa o get por classes é o ".".

Referência: http://docs.jquery.com/Selectors

Nenhum comentário: