Soluciones prácticas

Guías prácticas de jQuery Howtos

Resuelve el problema. Sigue construyendo. Colección de artículos de instrucciones de jQuery

Encuentra la respuesta que necesitas

Explora soluciones prácticas agrupadas por la tarea que realizas.

__COUNT__ entradas en esta página

jQuery TogglejQuery Alternar Ocultar/MostrarPara habilitar un evento de alternancia en cualquier elemento, puede haber muchas formas definidas por el usuario, pero el enfoque de implementación más fácil o más usado es usar la función jQuery toggle() o las funciones básicas hide() y show(). Ambos métodos funcionan sobre la base de un evento de clic. jQuery CheckboxEstablecer casilla de verificación marcada usando jQueryEn esta publicación, aprenderemos a configurar la casilla de verificación marcada en jQuery. jQuery ScrollDesplazamiento animado en jQueryEl desplazamiento hacia arriba a una dimensión vertical u horizontal específica se puede habilitar con la ayuda del método jQuery animate(). También puede haber otras formas de definir la tarea similar, pero este sistema puede titularse como el caso base. jQuery ElementComprobar si un elemento existe usando jQueryEste tutorial demuestra cómo verificar si existe un elemento usando jQuery. jQuery Local StorageAlmacenamiento local jQueryEste tutorial demuestra cómo usar el almacenamiento local en jQuery. jQuery HTMLActualizar el innerHTML con jQueryEn la publicación de hoy, aprenderemos cómo actualizar o reemplazar el HTML interno de un elemento usando jQuery. jQuery VariableVariable global de jQueryEste tutorial demuestra la creación de una variable global en jQuery. jQuery DropdownValor desplegable seleccionado en evento de cambio usando jQueryEste tutorial demuestra cómo realizar una determinada función cuando el valor seleccionado del menú desplegable se cambia mediante jQuery. jQuery TableTabla clasificable de jQueryEste tutorial demuestra cómo crear una tabla ordenable en jQuery. jQuery SelectorSelectores múltiples de jQueryLa convención de selectores múltiples de jQuery permite seleccionar selectores de diferente interés y puede modificarlos o actualizarlos según los requisitos. Esta convención no tiene ninguna sintaxis diferente a la forma básica de inicializar los selectores. Todo lo que se enfatiza aquí es seleccionar los selectores y separarlos con una coma. jQuery SelectorSelectores jQueryPara poder agregar propiedades y manipular elementos HTML, la instancia se toma en consideración. Estas instancias se denominan indistintamente como selectores. Los selectores básicos de jQuery pueden ser de tres tipos: selector de elementos, selector de #id y selector de .class. jQuery SelectorSelector de consultas jQueryjQuery no tiene ningún método querySelector() explícito como JavaScript. Más bien aquí, la convención es instanciar los selectores a través de la identificación y la clase distintas. Además, hay muchas otras formas a través de las cuales se pueden seleccionar elementos de manera inteligente. jQuery ClassSeleccionar varias clases en jQueryEste artículo le enseña dos métodos que seleccionarán múltiples clases en jQuery. Ambos métodos coincidirán con los elementos que tienen las clases, pero lo hacen de manera diferente. Además, cuando incluyes el rendimiento, uno es más rápido que el otro. jQuery FormObtener datos de formulario usando JQueryEste artículo usa el método serialize() y serializeArray() para obtener datos de formulario usando JQuery. También demuestra cómo obtener datos de formulario en un formulario de objeto. jQuery RandomNúmero aleatorio de jQueryEste tutorial demuestra cómo generar números aleatorios usando jQuery. jQuery ReplaceMétodo jQuery replace()En la publicación de hoy, aprenderemos sobre el método de reemplazo en jQuery. jQuery AttributejQuery: seleccionar por atributo de datosEste artículo le enseña dos métodos que seleccionarán atributos de datos HTML5 personalizados usando jQuery. El primer método seleccionará los atributos de datos utilizando las etiquetas HTML que los rodean. Para el segundo método, utilizará los selectores de jQuery definidos en la documentación de la API de jQuery. jQuery AJAXjQuery: enviar formulario con AJAXEste artículo le enseña tres métodos que enviarán un formulario usando AJAX-in-jQuery. El primero es el uso directo de AJAX-in-jQuery, mientras que el segundo emplea el complemento de formulario AJAX. En el tercer método, usamos el objeto FormData para capturar los datos del formulario antes de enviarlo usando AJAX. jQuery FindjQuery: Buscar elemento con atributo de datosPara buscar un elemento con un atributo de datos usando jQuery, puede usar el método find(), el método filter() o un selector de atributos CSS. Este artículo le enseña cómo puede usarlos todos usando ejemplos prácticos de código. jQuery EventjQuery: activa la misma función desde múltiples eventosEste artículo le enseña cómo activar la misma función desde múltiples eventos en jQuery. Mostraremos dos ejemplos que le muestran cómo hacer esto usando una API de jQuery. El primer ejemplo rastrea los movimientos del usuario en las entradas de formulario HTML. Mientras que el segundo cambiará el color de fondo de un elemento HTML. jQuery SiblingjQuery Seleccionar hermanoEste tutorial demuestra cómo seleccionar un hermano en jQuery. jQuery AudiojQuery reproducir audioEste tutorial demuestra cómo reproducir audio usando jQuery. jQuery CapitalizejQuery Poner en mayúscula la primera letraEste tutorial demuestra cómo poner en mayúscula la primera letra de una cadena usando jQuery. jQuery TextAreajQuery Establecer valor del área de textoEste tutorial demuestra el uso de los métodos .val() y .attr() para establecer el valor del área de texto en JQuery.