Jika dilihat dari bahasa indonesianya switch adalah beralih, ya memang switchClass ini adalah di pergunakan untuk beralih dari class yang sekarang di gunakan ke class yang baru, switchClass ini hampir sama ya dengan addClass ya, bedannya jika addClass itu menambahkan class, oke jangan kemana-mana simak terus artikel apa itu switchClass dan bagaimana cara Menggunakannya.

Untuk apa itu switchClass kita sudah memabahasnya di atas ya, jadi berfungsi untuk beralih dari class sekarang ke yang baru, dan untuk bagaimana cara Menggunakannya switchClass disini saya menggunakan sebuah class dari bootstrap dimana kita tidak perlu repot lagi mengatur classnya di style, walaupun ada paling sedikit ya, untuk melihat perubahan, dan switchClass ini karena effectnya seperti transisi dan durasi jadi biasanya di gunakan untuk perubahan class yang mengandung ukuran seperti width dan lain-lainya, tetapi disini saya mencobanya mengganti background walaupun bisa juga tetapi sepertinya tidak pas ya, nanti silahkan teman-teman coba sendiri ya.

switchClass ini saya temukan di jqueryUI, karena menarik maka dari itu saya mencoba berbagi kepada teman-teman siapa tau ada yang membutuhkannya, oke dasar switch itu terdiri dari:

bisa dilihat ada remove, addclass, durasi, easing dan complete, walaupun seringnya kita hanya menggunakan sampai dengan durasi saja, oke langsung saja ya kita lihat contoh pembuatannya:

ini adalah link CDNnya:

jika sudah karena saya menggunakan bootstrap dan saya mencobanya dari sebuah compnent bootstrap maka target contentnya seperti ini:

jika sudah kita langsung lihat bagaimana saya menggunakan switchClass ini untuk perubahan background

bisa dilihat ya, saya mengganti backgroundnya, dan jika di coba maka hasilnya seperti ini:

apa itu switchClass dan bagaimana cara Menggunakannya apa itu switchClass dan bagaimana cara Menggunakannya

Jika dilihat yang hijau adalah awal dan ketika kita tekan buttonya maka yang merah lah hasilnya, dan kenapa bisa lebar karena disini saya memberikan tambahan width lagi ketika alert-danger active. Oiya jika ada yang salah dari penjelasan saya, mohon di koreksi, karena kita sama-sama lagi belajar oke, dan saya rasa cukup sampai disini dulu belajar kita tentang apa itu switchClass dan bagaimana cara Menggunakannya, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.

WhatsApp chat