Cómo cambiar imagen de un botón con jquery

[andy82]

Hola
Llevo días probando códigos que he visto en foros pero no me funcionan.
Necesito hacer algo como lo tienen en páginas como series.ly y seriesflv.net para marcar los capítulos vistos de una serie.
Les comento lo que tengo hasta ahora:
Tengo una imagen con el evento onclick que al darle click me envia id usuario e id video con el código en archivo externo jquery y este me lo envia a otro (ajax.php). El archivo ajax hace la consulta a la base de datos, si los dos id no se encuentran los inserta y si están los elimina.
Hasta ahí todo bien, pero quiero que me cambie la imagen también para saber si he visto o no ese capitulo.
Creo que algo así es lo que tienen esas páginas.
Por favor ayuda urgente.

[chuidiang]

Hola:

Java y javascript son distintos, prueba en el foro de javascript. Creo que hay un subforo de jquery.

Se bueno.

[racanix]

Hola que tal, con jquery puedes modificar directamente las propiedades css de las etiquetas con los metodos css() desde javascript de la misma forma puedes agregar y remover clases css, para tu caso te sugiero que agas lo segundo agregar y remover clases

aqui un simple ejemplo

Código:

$.ajax({

url:"miurl",
success:function(e){

    // Debes tener una clase css con las propiedades/características que deseas
    // cuando la acción se cumple.
    $("#idMiBoton").addClass(".miClaseCSS");

}

});

Sds

[andy82]

Gracias recanix tu código me funciona perfectamente, pero aún me faltan algunas cosas.
Necesito ponerle un if para que si la class que tiene es (no visto) me cambie a (ya visto) sinó a(no visto), pero no he dado con el código correcto.
Estoy probando pero todavía no lo consigo, además creo que debo agregar algún código más al inicio para que cuando cargue la página cargue las class correspondiente, o sea que se mantengan las class del botón. Claro esto es dentro de la sessión del usuario.
Muchas gracias por tu aporte ya es algo, si sabes como lograr lo demás te lo agradecería enormemente me indicaras.

[racanix]

Ok, si lo que deseas es validar si una etiqueta contiene una clase

puedes utilizar el metodo hasClass

por ejemplo

Código:

if($("#miSelector").hasClass("miClase"))
{
   ...
}

Sds

[andy82]

Una vez más gracias, me valida y cambia perfecto, pero solo el primero, independiente de que de click en cualquiera. Se trata del div accordion que tiene varias filas(capitulos).
Para expresarme mejor te pongo una de las páginas de mi sitio donde lo estoy implementado: [URL="http://www.tubeonline.net/serie/1818/ver-falling-skies-online.html"]http://www.tubeonline.net/serie/1818/ver-falling-skies-online.html[/URL]
En el accordion hay tres temporadas y cada una con sus capítulos.
La class que cambia es la de un span, que es el ojito.
Intento poner como valor del id del span el valor del idvideo, así cada span con un valor diferente. Pero en el archivo .js el #idvideo no lo reconoce y eso que le estoy pasando las variables idusuario e idvideo.