Para recargar una imagen que modificamos de forma asíncrona y queremos ver como quedó con la nueva versión podríamos utilizar distintas rutas si, pero si además queremos utilizar la misma ruta, la solución está en un arreglo que consiste en añadirle una variable en el momento que se solicita la imagen.
Veamos un ejemplo:
d = new Date(); $("#myimg").attr("src", "/myimg.jpg?"+d.getTime()); |
Esto pondría en el id «myimg» la nueva imagen.
Para mostrar u ocultar determinado elemento web con Jquery podemos hacer uso de las funciones hide() y show().
A continuación un ejemplo de funcionamiento:
$("#botonOcultar").click(function(){$("#texto1").hide("slow")}); $("#botonMostrar").click(function(){$("#texto1").show("slow")}); |
Este fragmento de código ocultaría el texto con el id «texto1», al pulsar en «botonOcultar». Y lo escondería cuando pulsemos en «botonMostrar». Además con la particularidad de que lo haría despacio (atributo «slow»).
Esto es muy sencillo, simplemente hay que hacer uso de la función val().
Un ejemplo de uso:
<select onchangue='displayVals' id="single"> <option value='single'>Single</option> <option value='single2'>Single2</option> </select> <script> function displayVals() { var singleValues = $("#single").val(); document.write('valor de single:'+singleValues); } </script> |
Esto mostraría el valor que seleccionamos en el select.
Para sabe si determinado elemento existe podemos utilizar la función length(), puesto que si nos devuelve 0, significa que no existe.
Un sencillo ejemplo de uso sería el siguiente:
if ($('#elemento').length){ //Aquí pondríamos el código que queremos ejecutar } |
Este código comprueba si existe el elemento con el id ‘elemento’ y ejecuta lo que queramos.