$("#item").removeClass()Bir öğenin sahip olabileceği her bir sınıfı tek tek çağırmak yerine, çağrılan tek bir işlev var mıdır ve bu da tüm CSS sınıflarını verilen öğeden kaldırır mı?

Hem jQuery hem de ham JavaScript çalışacaktır.

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

removeClassParametresiz çağrıldığında , öğenin tüm sınıfları kaldırılır.

Ayrıca kullanabilirsiniz (ancak mutlaka tavsiye edilmez, doğru yolu bir üzerindedir):

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

JQuery'niz yoksa, bu hemen hemen tek seçeneğiniz olurdu:

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

Bekle, belirli bir şey belirtilmezse removeClass () varsayılanını tüm sınıfları kaldırmıyor mu? Yani

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

kendi başına yapacak ...

classNameGerçek DOM öğesinin niteliğini ''(hiçbir şey) olarak ayarlamanız yeterlidir .

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

Düzenleme: Diğer insanlar sadece removeClassişleri çağırmak söyledi - Bunu Google JQuery Playground ile test ettim: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... ve çalışıyor. Böylece bu şekilde de yapabilirsiniz:

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

Elbette.

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

Heh, benzer bir cevap aramaya geldi. Sonra bana vurdu.

Belirli Sınıfları Kaldır

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

Elemanın class = "class another-class" olup olmadığını varsayalım

En kısa yöntem

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

Sadece deneyebilirsin

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

Bu öğeye sınıf adı olmadan erişmeniz gerekiyorsa, örneğin yeni bir sınıf adı eklemeniz gerekiyorsa, bunu yapabilirsiniz:

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

Bir html oluşturucu sınıf kaldırmak ve eklemek için benim projet bu işlevi kullanın. İyi şanslar.

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

artık "elm" sınıfında mevcut olmayacak.

Ben yerli js kullanmayı seviyorum, ister inan ister inanma!

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 = '';

jQuery yolları

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

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

Tüm jQuery sürümleri eşit oluşturulduğundan, $ ("# item") çağrılması anlamına gelen yaptığım aynı sorunla karşılaşabilirsiniz. RemoveClass (); aslında sınıfı kaldırmaz. (Muhtemelen bir hata)

Daha güvenilir bir yöntem, ham JavaScript'i kullanmak ve sınıf niteliğini tamamen kaldırmaktır.

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

ile dene removeClass

Örneğin :

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>

Bu örneği kullanalım. Web sitenizin kullanıcısının bir alanın geçerli olduğunu bilmesini veya alanın arka plan rengini değiştirerek ilgilenmesi gerekebilir. Kullanıcı sıfırlama işlemini gerçekleştirirse, kodunuzun yalnızca veri içeren alanları sıfırlaması ve sayfanızdaki diğer tüm alanlarda geçiş yapmak için uğraşmaması gerekir.

Bu jQuery filtresi, yalnızca bu sınıfa sahip girdi veya seçme alanları için "vurgulaKriteri" sınıfını kaldıracaktır.

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

Benzer bir sorun yaşadım. Benim durumumda aspNetDisabled sınıfı ve tüm devre dışı bırakılmış denetimlerin renkleri yanlış olan devre dışı öğeler uygulandı. Yani, ben alışkanlık her öğe / kontrol bu sınıf kaldırmak için jquery kullandım ve her şey çalışıyor ve şimdi harika görünüyor.

Bu benim aspNetDisabled sınıfını kaldırmak için benim kod:

$(document).ready(function () {

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

});