Métodos para manipulação de elementos DOM em jQuery

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

3 thoughts on “Métodos para manipulação de elementos DOM em jQuery

  1. 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…

  2. Fala Danilo blzinha.. ah, gostei do link, é bom pra pra quem esta fuçando no jquery, como eu.

    valeu

  3. @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.

Leave a Reply

Your email address will not be published. Required fields are marked *