Bagaimana untuk Menggantikan Togol Kelas jQuery dengan JavaScript Tulen?

Alternatif JavaScript Tulen untuk Togol Kelas jQuery

Masalah:
Menukar kod jQuery yang menogol nama kelas untuk menu responsif kepada JavaScript tulen.

Penyelesaian:

Pilihan 1:

• Gunakan Senarai kelas. kaedah toggle(), yang disokong oleh kebanyakan penyemak imbas moden.

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

Pilihan 2 (Pelayar Lama):

• Gunakan Senarai kelas Pustaka .js untuk mendayakan kefungsian classList.toggle().

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

Nota Tambahan:

• Adalah disyorkan untuk menggunakan kelas sebaliknya ID untuk enkapsulasi yang lebih baik dan untuk mengelakkan pencemaran ruang nama global.

Atas ialah kandungan terperinci Bagaimana untuk Menggantikan Togol Kelas jQuery dengan JavaScript Tulen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!