jQuery / resumen de metodos de manipulacion

Bienvenidos sean a este post, aqui veremos un breve listado de metodos disponibles para la manipulacion del DOM.

Hasta ahora hemos visto varias formas de como manipular nuestro arbol de DOM pero no hemos cubierto todas, igualmente mas adelante lo haremos, pero si estaria bueno para ustedes no solamente repasar algunas de las vistas sino agregar algunas que no hemos mencionado hasta ahora y nos pueden resultar util, pasemos a enlistarlos:

• $(identificador), sera la encargada de seleccionar los elementos de la pagina pero nos da la posibilidad de poder crearlos.
• .append(contenido), agrega el contenido del argumento al final de algun elemento seleccionado u objeto
• .appendTo(objeto), el contenido de un objeto o variable lo agrega al final del objeto que pasemos como argumento
• .prepend(contenido), es similar a append pero en lugar de agregarlo al final lo hace al comienzo
• .prependTo(objeto), es similar a appendTo pero tambien lo agrega al principio del objeto tal como lo hace prepend
• .after(contenido), este agregara el conttenido despues del elemento seleccionado, por lo general el contenido es otro elemento HTML
• .insertAfter(objeto), este agregara el objeto o variable despues del objeto que pasemos como argumento, al igual que el anterior el contenido del objeto es un elemento HTML
• .before(contenido), es similar a after pero agregara el contenido antes del objeto seleccionado
• .insertBefore(objeto), de vuelta este es similar a insertAfter y al igual que el metodo anterior lo hara antes del objeto que pasemos como argumento
• .wrap(contenido), este envuelve al objeto seleccionado con el contenido informado como argumento
• .wrapAll(contenido), este envuelve a todos los objetos seleccionados con el contenido informado como argumento pero a diferencia del anterior no lo hara a cada uno sino del primero al ultimo
• .wrapInner(contenido), este envolvera al contenido interno del objeto seleccionado, es decir dentro de este
• .html(contenido), este reemplazara el contenido del objeto seleccionado pero lo pasara como si fuera HTML, es decir convertira los tags HTML que pasemos
• .text(contenido), es similar al antterior pero este solo lo ingresara como texto y no convertira a los tags HTML informados
• .replaceAll(elemento), reemplazaremos todo los elementos pasados como argumento con el objeto selecionado
• .replaceWith(contenido), este reemplazada el contenido del objeto seleccionado con el contenido pasado como argumento
• .replaceAll(objeto), el contenido del objeto seleccionado reemplazara el contenido del o los objetos pasados como argumento
• .empty(), este limpiara todos los elementos hijos del objeto seleccionado
• .remove(), este removera el objeto seleccionado y sus hijos tambien
• .detach(), este remueve el contenido y los hijos de este pero mantiene los datos y eventos, a su vez mantiene una copia de estos para volverlos a reinsertar

Estos podemos considerarlos como los mas importantes, y algunos hemos utilizado en posts anteriores pero prometo armar posts individuaales para explicar cada uno de ellos, y vinculare cada uno de ellos cuando esten activos, pero si observan ya vincule uno para su estudio, espero les sirva como referencia sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.