[javascript] jQuery / JavaScript를 사용하여 모든 CSS 클래스를 제거하는 방법은 무엇입니까?

$("#item").removeClass()요소가 가질 수있는 모든 단일 클래스 를 개별적으로 호출하는 대신 , 주어진 요소에서 모든 CSS 클래스를 제거하는 단일 함수가 호출 될 수 있습니까?

jQuery와 원시 JavaScript가 모두 작동합니다.

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

removeClass매개 변수없이 호출 하면 항목의 모든 클래스가 제거됩니다.

당신은 또한 사용할 수 있습니다 (그러나 반드시 권장되는 것은 아니며 올바른 방법은 위의 방법입니다).

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

jQuery가 없다면 이것이 유일한 옵션 일 것입니다.

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

잠깐 만요. removeClass () 기본적으로 아무것도 지정되지 않은 경우 모든 클래스를 제거하지 않습니까? 그래서

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

스스로 할 것입니다 …

className실제 DOM 요소 의 속성을 ''(nothing)으로 설정하십시오.

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

편집 : 다른 사람들이 바로 전화라고 한 removeClass작품 – 나는 구글 JQuery와 놀이터와이 테스트 : http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM … 그리고 그것은 작동합니다. 따라서 다음과 같이 할 수도 있습니다.

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

물론이야.

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

Heh도 비슷한 답을 찾고있었습니다. 그리고 나에게 맞았다.

특정 클래스 제거

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

요소에 class = “class another-class”가 있는지 말하십시오.

가장 짧은 방법

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

당신은 시도 할 수 있습니다

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

예를 들어 클래스 이름없이 해당 요소에 액세스해야하는 경우 새 클래스 이름을 추가해야합니다.

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

나는 projet에서 해당 기능을 사용하여 HTML 빌더에서 클래스를 제거하고 추가합니다. 행운을 빕니다.