$("#item").removeClass();

llamar removeClass sin parámetros eliminará todas las clases del elemento.

También puede utilizar (aunque no se recomienda necesariamente, el correcta camino es el de arriba):

$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';

Si no tuviera jQuery, esta sería prácticamente su única opción:

document.getElementById('item').className = '';

Espera, ¿no elimina removeClass () por defecto todas las clases si no se especifica nada específico? Entonces

$("#item").removeClass();

lo hará por su cuenta ...

Solo configure el className atributo del elemento DOM real a '' (nada).

$('#item')[0].className = ''; // the real DOM element is at [0]

Edit: Otras personas han dicho que solo llama removeClass funciona - Probé esto con Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... y funciona. Entonces también puedes hacerlo de esta manera:

$("#item").removeClass();

Claro.

$('#item')[0].className = '';
// or
document.getElementById('item').className = '';

Je, vino buscando una respuesta similar. Entonces me di cuenta.

Eliminar clases específicas

$('.class').removeClass('class');

Di si el elemento tiene clase = "clase otra clase"

El método más corto

$('#item').removeAttr('class').attr('class', '');

Puedes intentarlo

$(document).ready(function() {
   $('body').find('#item').removeClass();
});

Si tiene que acceder a ese elemento sin un nombre de clase, por ejemplo, tiene que agregar un nuevo nombre de clase, puede hacerlo:

$(document).ready(function() {
   $('body').find('#item').removeClass().addClass('class-name');
});

Utilizo esa función en mi proyecto para eliminar y agregar clases en un constructor html. Buena suerte.

$('#elm').removeAttr('class');

ya no estará presente class attr en "elm".

Dado que no todas las versiones de jQuery se crean de la misma manera, es posible que se encuentre con el mismo problema que yo, lo que significa llamar a $ ("# item"). RemoveClass (); en realidad, no elimina la clase. (Probablemente un error)

Un método más confiable es simplemente usar JavaScript sin formato y eliminar el atributo de clase por completo.

document.getElementById("item").removeAttribute("class");

Me gusta usar js nativos, ¡lo crea o no!

1.

// remove all items all class  
const items = document.querySelectorAll('item');
for (let i = 0; i < items.length; i++) {
    items[i].className = '';
}

2.

// only remove all class of first item
const item1 = document.querySelector('item');
item1.className = '';

Formas de jQuery

1. $("#item").removeClass();

2. $("#item").removeClass("class1 ... classn");

Usemos este ejemplo. Tal vez desee que el usuario de su sitio web sepa que un campo es válido o necesita atención cambiando el color de fondo del campo. Si el usuario presiona restablecer, su código solo debe restablecer los campos que tienen datos y no molestarse en recorrer todos los demás campos de su página.

Este filtro jQuery eliminará la clase "highlightCriteria" solo para los campos de entrada o selección que tengan esta clase.

$form.find('input,select').filter(function () {
    if((!!this.value) && (!!this.name)) {
        $("#"+this.id).removeClass("highlightCriteria");
    }
});

prueba con removeClass

En el:

var nameClass=document.getElementsByClassName("clase1");
console.log("after", nameClass[0]);
$(".clase1").removeClass();
var nameClass=document.getElementsByClassName("clase1");
console.log("before", nameClass[0]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="clase1">I am Div with class="clase1"</div>

Tuve un problema similar. En mi caso, en los elementos deshabilitados se aplicó esa clase aspNetDisabled y todos los controles deshabilitados tenían colores incorrectos. Entonces, usé jquery para eliminar esta clase en cada elemento / control que no quiero y todo funciona y se ve muy bien ahora.

Este es mi código para eliminar la clase aspNetDisabled:

$(document).ready(function () {

    $("span").removeClass("aspNetDisabled");
    $("select").removeClass("aspNetDisabled");
    $("input").removeClass("aspNetDisabled");

});