jQuery クラスの切り替えを純粋な JavaScript に置き換えるにはどうすればよいですか?

jQuery クラス切り替え用の純粋な JavaScript 代替手段

問題:
クラス名を切り替える jQuery コードの変換純粋な JavaScript に応答するメニューの場合。

解決策:

オプション 1:

• classList を使用します。 toggle() メソッド。ほとんどの最新ブラウザでサポートされています。

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

オプション 2 (古いブラウザ):

• classList を使用するclassList.toggle() 機能を有効にする .js ライブラリ。

<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 中国語 Web サイトの他の関連記事を参照してください。