jquery removeClass() non la rimozione di tutte le classi

Question

Ho un elemento come questo:

<div class="one two three" id="waterhorse">horse</div> 

Quando eseguo questo codice nella console del browser:

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

ottengo questo:

[<div id=​"waterhorse" class=​"one two three">​horse​</div>​] 

In altre parole, non funziona; non rimuove alcuna classe sull'elemento. Sfortunatamente non riesco a riprodurlo in jsfiddle.

Tuttavia, posso rimuovere una classe specifica:

$("#waterhorse").removeClass("two"); 

Inoltre, questo rimuoverà tutte le classi:

$("#waterhorse").removeAttr("class"); 

Qualsiasi idea del perché questi ultimi lavori per rimuovere tutte le classi, ma gli ex doesn 't?

Answer 1

Se leggiamo la documentation si afferma questo:

Se un nome di classe è incluso come parametro, allora solo quella classe sarà rimosso dal set di elementi corrispondenti. Se nessun nome classe è specificato nel parametro, tutte le classi verranno rimosse.

In altre parole, .removeClass() dovrebbe funzionare senza parametri. Ho provato questo in FF e questo funziona come previsto.

ho cercato di riprodurre il problema riscontrato, ma non poteva farlo: jsFiddle

<div class="one two three" id="waterhorse">horse</div> 

$("#waterhorse").removeClass(); 
$("#waterhorse").addClass("four"); 
console.log($("#waterhorse")); 

Quale versione del browser stai usando?

Answer 2

È possibile farlo in $ (document) .ready() per ottenere ciò. .

$("#waterhorse").attr("class", ""); 

or 

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

Spero che questo vi aiuterà a :)

Answer 3

Sembra che questo è un problema noto con jQuery e jQueryUI non giocare bene insieme:

Odd issue with jQuery .removeClass() not doing anything

http://bugs.jqueryui.com/ticket/9015

Il la risposta sopra è una soluzione alternativa che utilizza .removeAttr('class') anziché .removeClass()