Manejo del DOM con JQuery en pocas palabras

• Crear nuevo elementos html utilizar $() (función factory).

• Insertar un nuevo/s elemento/s, dentro de cada elemento/s correspondiente/s:

• .append()

• .appendTo()

• .prepend()

• .prependTo()

• Insertar nuevo/s elemento/s adyacentes al elemento/s correspondiente/s:

• .after()

• .insertAfter()

• .before()

• .insertBefore()

• Insertar nuevo/s elemento/s cerca del elemento/s correspondiente/s:

  • .wrap()

  • .wrapAll()

  • .wrapInner()

• Reemplazar cada elemento/s correspondiente/s con un nuevo/s elemento/s:

  • .html()

  • .text()

  • .replaceAll()

  • .replaceWith()

• Eliminar elemento/s para cada correspondiente/s elemento/s:

  • .empty()

• Eliminar para cada correspondiente/s elemto/s y sus descendientes, pero sin borrarlos del DOM:

  • .remove()

Más información