jquery

[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