[SOLUCIONADO] jquery

[anachanelblanc]

Hola, ¿ como sería este código en jquery para el elemento input(nombre,email) recibir el evento onfocus y onblur?, gracias

Código Javascript:

<form action="registro.php" method="get" name="miFormulario" id="miFormulario" 
enctype="multipart/form-data">
 
<input type="text" name="usuario" id="usuario"  value="Escribe tu Nombre" 
    onfocus="if (this.value == 'Escribe tu Nombre') {
        this.value = ''; this.style.background = 'transparent'; }"
    
    onblur="if (this.value == '') {
        this.value = 'Escribe tu Nombre';
     this.style.background = 'url(imagenes/online-red-icon.png)no-repeat'; }">
        
 
<input type="text"  name="email" id="email 
    value="Escribe tu email" 
    onfocus="if (this.value == 'Escribe tu email') {
        this.value = ''; this.style.background = 'transparent'; }"
    
    onblur="if (this.value == '') {
        this.value = 'Escribe tu email';
     this.style.background = 'url(imagenes/descarga.png)no-repeat'; }">
    
</form>
 

[Alexis88]

Para empezar, no podrías ponerlo dentro del código HTML ya que no va a poder ser reconocido puesto que jQuery es una librería de JavaScript y no un lenguaje, como muchos creen.

Debes de utilizar el identificador de cada elemento como selectores, luego, delegarles funciones según los eventos que ocurran, para lo cual debes utilizar el método .on(), mientras que para los valores y los estilos, debes usar los métodos .val() y .css().

Un ejemplo:

Código HTML:

<button id = "foo"></button>
 

Código Javascript:

//Cambio el color de fondo del botón
$("#foo").css("background", "#f5c7a8");
 
//Cuando le dé un clic, se mostrará un mensaje de alerta
$("#foo").on("click", function(){
    alert("Este es un ejemplo");
});
 

Puedes almacenar la selección del elemento en una variable, lo cual haría más eficiente al algoritmo:

Código Javascript:

var elem = $("#foo");
 

Y aplicarías los método a la variable:

Código Javascript:

elem.on("click", function(){
    //...
});
 

Un saludo