Por falta de tempo fiquei um tempo sem postar no blog, mas agora vou tentar voltar a dedicar um tempo para novos posts.

Dia 28 de janeiro de 2010 foi oficialmente lançado a versão 1.4 do JQuery. Essa versão veio com algumas novidades muito interessantes. Dediquei esse post para mostrar uma das inovações dessa versão.

Para quem usa AJAX com JQuery a algum tempo, deve conhecer o plugin Livequery.
Esse plugin permite que o desenvolvedor faça um .bind() em um evento de um elemento, e o bind permaneça mesmo se o DOM for atualizado.

No JQuery 1.4 foi implementado o metodo .live() o que faz com que agente não precise mais do plugin.

Um exemplo:

 HTML | 
 copy code |
?
 
01
<div class="exemplosBind">
02
	<h3>Exemplos Bind</h3>
03
	<p>
04
		<a href="#" class="botaoBind">Botao usando metodo Bind</a>
05
	</p>
06
</div>
07
<hr />
08
<div class="exemplosLive">
09
	<h3>Exemplos Live</h3>
10
	<p>
11
		<a href="#" class="botaoLive">Botao usando metodo Live</a>
12
	</p>
13
</div>

em nosso javascript:

 Javascript | 
 copy code |
?
 
01
$(function () {
02
	$(".botaoBind").bind("click", function () {
03
		novoBotao = $(this).parent().clone();
04
		$(".exemplosBind").append(novoBotao);
05
	});
06
	$(".botaoLive").live("click", function () {
07
		novoBotao = $(this).parent().clone();
08
		$(".exemplosLive").append(novoBotao);
09
	});
10
});

No Exemplos Bind, o primeiro botão tem o evento, mas os outros botões criados por ele não tem o evento.
Já no Exemplos Live, todos os botões (inclusive os inseridos dinamicamentes no DOM) estão com o evento.

Isso é muito util tambem para quando estamos trabalhando com Ajax.

Você pode ver esse código funcionando clicando aqui.

Para ver outras novidades do JQuery 1.4 veja esses posts:

• A nova maneira de criar elementos
• Ligando múltiplos eventos a um elemento
• Eventos focusin e focusout
• Atrasos nas animações com a função delay()
• Recortando” um elemento da DOM com detach()