여러 클래스 제거 (jQuery)

여러 클래스 제거 (jQuery)

---

이것을 다시 작성하는 더 좋은 방법이 있습니까?

$('element').removeClass('class1').removeClass('class2');

내가 removeClass();원하지 않는 모든 클래스를 제거하므로 사용할 수 없습니다 .

---

$("element").removeClass("class1 class2");

에서 removeClass()클래스 매개 변수 :

요소에서 제거 할 하나 이상의 CSS 클래스로, 공백으로 구분됩니다.

---

$('element').removeClass('class1 class2');

다음 은 문서입니다.

---

http://docs.jquery.com/Attributes/removeClass

요소에서 제거 할 하나 이상의 CSS 클래스로, 공백으로 구분됩니다.

---

문서는 말합니다 :

class (Optional) String
요소에서 제거 할 하나 이상의 CSS 클래스로, 공백으로 구분됩니다.

예:

일치하는 요소에서 'blue'및 'under'클래스를 제거하십시오.

$("p:odd").removeClass("blue under");

---

그렇게 할 수있는 방법은 여러 가지가 있습니다!

jQuery

1. 모든 클래스 제거
   $("element").removeClass();
   OR
   $("#item").removeAttr('class');
   OR
   $("#item").attr('class', '');
   OR
   $('#item')[0].className = '';

2. 다중 클래스 제거
   $("element").removeClass("class1 ... classn");
   또는
   $("element").removeClass("class1").removeClass("...").removeClass("classn");

네이티브 자바 스크립트

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

---

흰색으로 수업 분리 space

$('element').removeClass('class1 class2');

---

You must be separate those classes which you want to remove by white space$('selector').removeClass('class1 class2');

---

Since jQuery 3.3.0, it is possible to pass arrays to .addClass(), .removeClass() and toggleClass(), which makes it easier if there is any logic which determines which classes should be added or removed, as you don't need to mess around with the space-delimited strings.

$("div").removeClass(["class1", "class2"]); 

참고URL : https://stackoverflow.com/questions/1485647/removing-multiple-classes-jquery