¿Cómo agrego una clase css a un elemento Div en JQuery?

¿Cómo agrego una clase css a un elemento Div en JQuery? Tengo un DIV con una clase css y el div contiene una forma. Después de hacer clic en Enviar, ¿quiero que desaparezca la clase css original y que se agregue una nueva clase? Estoy usando JQuery como marco

$("#element_id").removeClass( "oldclass").addClass("newclass"); 

Para agregar una clase, use addClass:

 $('#myDiv').addClass("blah"); 

Entonces en su envío puede hacer algo como:

 $('#submit').click(function() { $('#myDiv').removeClass().addClass("blah"); }); 

Llamar a removeClass sin parámetros elimina todas las clases vinculadas a ese elemento. Alternativamente, puede llamar a removeAttr (“estilo”)

Creo que puedes usar

 $("#target").addClass("newclass"); 

para agregar la clase al elemet # target y

 $("#target").removeClass("newclass"); 

para eliminarlo

Si no sabes si la clase ya está allí o no, puedes usar

 $("#target").toggleClass("newclass"); 

si está allí, se eliminará, y si no está allí, se agregará.

Como OP no mencionó ningún ID, me gustaría ir con un selector de clase y elegir el primer elemento de la colección (lo que podría ser incorrecto, por supuesto).

 $(".OriginalClass").removeClass("OriginalClass").addClass("blah"); 

El ejemplo original fue incorrecto, ya que los elementos en la colección son objetos regulares y, como tales, no tienen los métodos removeClass y addClass.

El ejemplo actual elimina la clase para todos los elementos, que aún está defectuosa, pero en mi opinión funciona mejor con lo que OP quería.