Comment remplacer le basculement de classe jQuery par du JavaScript pur ?

Alternative JavaScript pure pour le basculement de classe jQuery

Problème :
Conversion d'un code jQuery qui bascule les noms de classe pour un menu réactif en JavaScript pur.

Solution :

Option 1 :

• Utiliser la classList. toggle(), qui est prise en charge par la plupart des navigateurs modernes.

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

Option 2 (navigateurs plus anciens) :

• Utilisez la classList Bibliothèque .js pour activer la fonctionnalité classList.toggle().

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

Remarque supplémentaire :

• Il est recommandé d'utiliser des classes à la place d'identifiants pour une meilleure encapsulation et pour éviter de polluer l'espace de noms global.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!