O famoso framework de Javascript tem diversas opções para manipular elementos DOM mas mesmo para aqueles quem tem mais experiência em jQuery, é dificil dizer a diferença entre after e insertAfter, entre wrap, wrapAll e wrapInner, etc.
Para poder visualizar bem o que faz cada método, o site Cody Lindley fez uma página com demonstração de todos os métodos.
Vale a pena pelo menos dar uma olhada.
[]s
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
Danilo é programador interface da AgênciaClick, corinthiano, vegan e geek. Gasta suas horas com xadrez, poker, vendo futebol e esporadicamente dedica 5 minutos semanais à Belinha - mas é mto provável que esse tempo agora seja dividido com o TidBits... Danilo sabe php, rails, javascript, xhtml, css, jquery, webstandards, seo, sql, opensocial, etc. E já fez sites para espn, fiat, fila, umbro, fgv, gatorade, petrobras, etc. Veja o portfólio dele.
Belinha agora é arquiteta de informação na RMG Connect, está cozinhando melhor, mas postando cada dia menos... ainda assim, sempre que dá aparece aqui no TidBits para dar seus pitacos sobre desenvolvimento... (Belinha é casada com o Danilo)
December 29th, 2008 at 8:43 am
O que eu não curto na jQuery é o fato dos elementos recuperados pelo operador $ não estenderem o Object do javascript.
Ou seja, $(“#meu_id”).appendChild(), por exemplo, não funciona. Então, você perde qualquer retorcompatibilidade…
December 30th, 2008 at 10:56 am
Fala Danilo blzinha.. ah, gostei do link, é bom pra pra quem esta fuçando no jquery, como eu.
valeu
December 30th, 2008 at 2:05 pm
@Chris
Não se recomenda estender o Object.
O $ não é um operador, é um nome de função que retorna um objeto com todos os elementos achados empilhados no próprio escopo.
Ou seja, $(“p”) retorna o escopo:
this[0]
this[1]
this[2]
…
Para pegar o elemento html, basta então usar colchetes:
$(“#meu_id”)[0].appendChild().
Nesse caso o índice é zero porque se espera apenas um elemento empilhado, por se tratar de um id.
Legal Danilo, eu tinha algumas dificuldades para entender a diferença entre o after e o insertAfter…era bem mais simples que imaginava…
É muito bom ter uma diversidade grande de tutoriais.
Abraço.