Introducción a los métodos jQuery

Si te sorprende la palabra jQuery, permíteme explicarte primero qué es jQuery. jQuery es una de las bibliotecas javascript más populares para crear sitios web o aplicaciones web. Está especialmente diseñado para resolver la manipulación del árbol dom html y el manejo de eventos, así como el recorrido del árbol html dom, la transición css y la animación css con soporte para el manejo de ajax. También es de código abierto y gratuito bajo la licencia de GNU. En este tema, vamos a aprender sobre los métodos jQuery.

jQuery es muy fácil de aprender, ya que simplifica la programación de JavaScript. JQuery es compatible con css3, compatibilidad entre navegadores y tiene muy poco peso. En resumen, podemos decir que jQuery ha cambiado la ruta para los desarrolladores que solían escribir su largo código en javascript. jQuery proporciona un método diferente para la manipulación dom, m transversal, manejo de eventos o activación de eventos, manipulación de atributos, manipulación de dimensiones, manipulación css y animaciones.

Tipos de métodos jQuery

Aquí vamos a aprender los diferentes tipos de métodos jQuery que se detallan a continuación.

1) Manipulación Dom

Cualquier cosa que usemos estos métodos, al final, se enfocará en cambiar los eventos dom. En otras palabras, podemos decir que usando estos métodos estamos manipulando dom. Algunos de los métodos jQuery de manipulación dom son:

  • addClass (): en el conjunto de elementos coincidentes, agrega la clase o clases especificadas a cada elemento.
  • after (): en el conjunto de elementos coincidentes, inserte datos o contenido especificado por el parámetro después de cada etiqueta de elemento.
  • append (): en pocas palabras, podemos decir que usando este método insertamos datos o contenido al elemento específico.
  • attr (): este método proporciona el valor de atributo del elemento en particular.
  • before (): con este método podemos insertar cualquier dato o contenido antes de cada elemento especificado.
  • clone (): con este método copiamos en profundidad el elemento de origen.
  • css (): usando este método cambiamos el css del elemento especificado.
  • detach (): usando este método simplemente eliminamos el elemento especificado del árbol dom.
  • hasClass (): utilizando este método, encontramos la clase especificada adjunta al elemento en particular.
  • empty (): este método elimina todos los nodos secundarios adjuntos al elemento particular dom tree.
  • height (): este método proporciona el valor de la altura del elemento especificado.
  • offset (): este método establece la coordenada del elemento especificado en relación con el documento.
  • position (): este método obtiene la posición actual del elemento especificado en relación con su elemento padre.
  • prop (): este método proporciona el valor de la propiedad del elemento seleccionado actualmente.
  • replaceAll (): este método reemplaza todo el elemento de destino con el elemento especificado.
  • text (): este método establece u obtiene el valor de cadena de texto de elementos especificados.
  • Val (): este método proporciona el valor actual de los primeros elementos especificados.
  • ancho (): este método proporciona el valor de ancho calculado de los elementos especificados.
  • wrap (): este método envuelve la estructura html particular alrededor de cada elemento en los conjuntos de elementos especificados.
  • wrapInner (): este método envuelve la estructura html alrededor del contenido de cada elemento especificado.

2) atravesar

Este método nos ayuda a navegar de un elemento dom a otros elementos dom siguiendo una jerarquía padre-hijo. Algunos de los métodos de desplazamiento son:

  • add (): este método crea un nuevo objeto jQuery y lo agrega a los elementos especificados.
  • addBack (): este método agrega un conjunto anterior jQuery del elemento al elemento de pila actual.
  • children (): estos métodos encuentran el elemento hijo de cada elemento especificado.
  • más cercano (): este método encuentra el elemento que coincide primero con el selector.
  • contenido (): este método encuentra el contenido del elemento especificado, incluidos los nodos de comentario y el texto de ambos.
  • each (): este método itera a través de un bucle, lo que significa que este método se aplicará a todos los elementos especificados relacionados con él.
  • end (): este método finaliza la tarea de filtrado más reciente y devuelve su elemento coincidente a su estado anterior.
  • eq (): este método reduce el conjunto del elemento especificado a uno en el índice especificado.
  • filter (): este método proporciona el elemento especificado según el filtro que proporcionamos.
  • first (): este método proporciona el elemento especificado en función del selector que ha proporcionado.
  • has (): este método proporciona el conjunto del elemento o selector especificado.
  • map (): este método devuelve un nuevo valor de un objeto jQuery basado en una función que se pasa a través de cada elemento.
  • next (): este método proporciona inmediatamente el siguiente hermano del elemento seleccionado en particular.
  • parent (): este método le da a los padres la selección del elemento especificado.
  • prev (): este método proporciona un hermano anterior inmediato de los elementos especificados actualmente.

3) Disparo de eventos

Usando este método, registramos cambios en la dom-manipulación que surtirán efecto al interactuar con el navegador. Algunos de los métodos de gestión de eventos de jQuery son:

  • bind (): este método adjunta un manejo de eventos al elemento especificado.
  • blur (): este método vincula un evento de JavaScript blur al elemento especificado.
  • change (): este evento vincula el elemento especificado con el elemento change javascript.
  • click (): este método vincula un evento click javascript al elemento especificado.
  • delegate (): este método adjunta uno o más de un evento al conjunto especificado del elemento.
  • die (): este método elimina cualquier tipo de manejo de eventos javascript asociado al conjunto del elemento especificado.
  • error (): este método adjunta un manejo de eventos de error al conjunto especificado del elemento.
  • focus (): estos métodos vinculan un manejo de eventos de foco al conjunto especificado del elemento.
  • hover (): este método vincula un manejo de evento de desplazamiento al conjunto especificado del elemento.

Bueno, traté de incluir el número máximo de métodos jQuery usados ​​posibles en nuestro proceso de desarrollo diario. Además de estos, hay muchos más métodos jQuery que deben estudiarse. Todos los días hay algún desarrollo en los métodos jQuery. Entonces, cada vez que jQuery lanza su versión, incluyen varios métodos nuevos de jQuery.

Artículos recomendados

Esta es una guía de los métodos jQuery. Aquí hemos discutido los diferentes tipos de métodos jQuery como la manipulación Dom, los métodos de desplazamiento y activación de eventos, etc. También puede consultar el siguiente artículo para obtener más información:

  1. ¿Cómo instalar Jquery?
  2. ¿Qué es jQuery?
  3. ¿Qué es PostgreSQL?
  4. Herramientas de administración de SQL
  5. jQuery querySelector
  6. Guía de ejemplos de la barra de progreso de JQuery

Categoría:

Desarrollo de software