jQuery 클래스 토글을 순수 JavaScript로 바꾸는 방법은 무엇입니까?

jQuery 클래스 토글을 위한 순수 JavaScript 대안

문제:
클래스 이름을 토글하는 jQuery 코드 변환 순수 JavaScript에 대한 반응형 메뉴를 위해.

해결책:

옵션 1:

• classList를 활용하세요. 토글() 메서드는 대부분의 최신 브라우저에서 지원됩니다.

<code class="javascript">var menu = document.querySelector('.menu');
menu.classList.toggle('hidden-phone');</code>

옵션 2(이전 브라우저):

• classList 사용 .js 라이브러리를 사용하여 classList.toggle() 기능을 활성화하세요.

<code class="javascript">// Install classList.js using your preferred package manager.
var menu = document.querySelector('.menu');
menu.classList.toggle('hidden-phone');</code>

추가 참고:

• 대신 클래스를 사용하는 것이 좋습니다. 더 나은 캡슐화와 전역 네임스페이스 오염 방지를 위해 ID를 사용합니다.

위 내용은 jQuery 클래스 토글을 순수 JavaScript로 바꾸는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!