Como sabemos el eslogan de jQuery es “Escribe menos, haz más”. Hay métodos muy usadas y básicas de jQuery para que todo desarrollador debe conocer. Son métodos que parte del selector principal $([Selector]).

Métodos de manipulación de selectores :

  • .append(html) : agrega elementos HTML al final de un elemento hijo del selector.
  • .prepend(html) : agrega elementos HTML al comienzo de un elemento hijo del selector.
  • .siblings() : selecciona lo elementos hermanos del selector.
  • .children() : selecciona los elementos hijos del selector.
  • .before(html) : agrega elementos al comienzo fuera y a nivel del selector.
  • .after(html) : agrega elementos al final fuera y a nivel del selector.
  • .appendTo(selector) : mueve un elemento despues del SELECTOR que se le pasa como argumento.
  • .html(html) : recupera o asigna un elemento HTML al selector.
  • .text(texto) : recupera o asigna un TEXTO al selector.
  • .eq(posición) : recupera el elemento en la posición de un array o objeto manteniendo como un objeto jQuery lo devuelto.
  • .css([propiedad, valor]) : recupera o asigna una propiedad css al selector.
  • .attr([atributo, valor]) : recupera o asigna un atributo html al selector.
  • .addClass(nombreClase) : asigna una clase al selector.
  • .removeClass([nombreClase]) : borra la  clase como parámetro al selector, si no se le pasa nada borra todas las clases asociadas al selector.
  • .toggleClass(nombreClase) : agrega o quita la clase, dependiendo si tiene o no la clase.

Recordar un selector en JQUERY puede tener el formato como si de un selector CSS se tratara.

Método de interacción con el selector :

  • .show([slow | fast]) : muestra un elemento oculto con una animación ‘slow’ lento o ‘fast’ rápido.
  • .hidden([slow | fast]) : oculta un elemento oculto con una animación ‘slow’ lento o ‘fast’ rápido.
  • .toggle([slow | fast]) : Muestra o oculta el elemento  según el estado se encuentre.
  • .slideUp([slow | fast]) : pliega (oculta) el elemento animadamente.
  • .slideDown([slow | fast]) : despliega el elemento (muestra) animadamente.