Resetear select con jquery En este tutorial aprenderemos cómo resetear un elemento select con jQuery para que ningún option esté seleccionado. Resetear select Vamos a utilizar este método que creo que es el más sencillo sobre el select con id = select-element De esta forma accedemos a todos los […]
Categoría jQuery
36 entradas
Activar botón o enlace con jQuery En este tutorial aprenderemos cómo activar un botón o un enlace con jQuery para que ejecute su función como si hiciésemos click sobre él con el ratón. Función trigger(«click») Podemos ejecutar dinámicamente eventos en un elemento con la función trigger() Veamos un ejemplo <!-- […]
Eliminar elemento con jQuery En este tutorial aprenderemos cómo podemos eliminar un elemento con jQuery sin actualizar la página. función remove() Con la función remove() de jQuery podemos eliminar cualquier elemento del DOM, su contenido, además de sus hijos y el contenido de los mismos si los hubiera. Veamos un […]
Añadir atributo a elemento con jQuery En este tutorial aprenderemos cómo añadir atributos a elementos html dinámicamente y obtener su valor con jQuery. Método .prop(«nombre»,»valor») Veamos un ejemplo <div id="cabecera"></div> <script> // Seleccionamos el elemento con id=cabecera y le añadimos el atributo title $("#cabecera").prop("title","Cabecera de la página"); // El elemento […]
Scroll lento hacia enlaces ancla con jQuery En este tutorial aprenderemos a crear enlaces ancla y hacer que la página haga un scroll suave hacia ellos con jQuery. Si no tienes todavía enlazado jQuery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery Enlaces ancla Para crear un […]
Comprobar si un elemento tiene un atributo con jQuery En este tutorial aprenderemos cómo averiguar si un elemento tiene o no un atributo dado con jQuery. Para ello usaremos el método length(). Comprobación Veamos un ejemplo <!-- Elemento html --> <div id="cabecera" id-header="2"></div> <script> //Seleccionamos el elemento con id=cabecera […]
Eliminar evento onChange de un select con JQuery En el siguiente tutorial aprenderemos cómo eliminar un evento de change de un elemento select sin afectar al evento predeterminado del elemento. Evento change de elementos select Los elementos select tienen definidos por defecto una serie de eventos propios para que realicen […]
Eventos de ratón en jQuery En este tutorial aprenderemos cómo capturar eventos de ratón. Que tipos existen y cómo controlar el botón pulsado en cada momento. Si no tienes todavía enlazado jQuery en tu proyecto puedes seguir nuestro tutorial Enlazar proyecto con jQuery Eventos de ratón En jQuery existen varios […]
Si existe un elemento del DOM En el siguiente tutorial vamos a ver las distintas formas de comprobar si un elemento existe en el DOM: Utilizando .length Podemos saber si un elemento existe utilizando el método length de javascript de este modo //Supongamos que buscamos un elemento con id = […]
Poner navegador en pantalla completa con jQuery En este tutorial aprenderemos cómo hacer que el navegador cambie al modo de pantalla completa mediante jQuery. Usaremos dos funciones para cambiar el navegador a pantalla completa y viceversa, utilizando un método diferente dependiendo del navegador que estemos usando. Función Pantalla completa La […]
Obtener checkbox seleccionados con jQuery En este tutorial aprenderemos cómo obtener todos los checkbox que están seleccionados en una página. Obtener checkbox seleccionados Con el método each() recorremos todos los checkbox que están seleccionados y obtenemos su valor <script> $("input[type=checkbox]:checked").each(function() { alert("Seleccionado el input " + $(this).val()); }); </script> Podemos […]
Si un checkbox está seleccionado con jQuery En este tutorial aprenderemos cómo podemos acceder a un elemento checkbox y saber si está seleccionado o no. Método prop() Podemos acceder a la propiedad checked mediante el método prop() y ver si su estado es true o false, es decir, si está […]