2012-09-30 17 views
11

cómo hacer esto:entrada [type = "submit"] en jQuery

input[type="submit"] { 
    color:green; 
} 

en jQuery?

$('input[type="submit"]').css("color","green"); 

no funciona: |

+2

Funciona para mí: http://jsfiddle.net/Blender/JRMhM/ – Blender

+1

Esto debería funcionar, sin embargo, puedes probar [': submit'] (http://api.jquery.com/submit-selector/) selector – Zbigniew

+1

Recomiendo leer el [tutorial de jQuery] (http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery) para comenzar: * "Como casi todo lo que hacemos cuando usamos jQuery lee o manipula el modelo de objetos del documento (DOM)), debemos asegurarnos de comenzar a agregar eventos, etc. tan pronto como el DOM esté listo. Para ello, registramos un evento listo para el documento. "*. Luego, familiarícese con la API leyendo http://api.jquery.com/. –

Respuesta

17

Probablemente porque se está disparando antes de que jQuery esté "listo". Prueba esto:

$(function() { 
    $('input[type="submit"]').css("color","green"); 
}); 
1

Pero el jQuery debe cargarla antes de este

También puede hacer esto añadiendo el ID o la clase de presentar

$('#submit_id/.submit_class').css("color","green"); 
3

uso de un Simple CSS en lugar de javascript

input[type="submit"]{ 
     color: green; 
     cursor: pointer; 
     font: bold 12px Helvetica,Arial,sans-serif; 
    } 
-1

Trate de añadir esto:

$("form").submit(function(event) { 
    event.preventDefault(); 
}); 

Puede ser que su código original esté funcionando, pero dado que la página se vuelve a cargar normalmente cuando hace clic en un botón de enviar en un formulario, esa acción le impide ver su cambio.

Cuestiones relacionadas