Memanipulasi Class CSS Dengan jQuery

Oke kembali dengan saya di dumetschool.com pada hari ini akan melanjutkan pembahasan tentang metode class pada jQuery. Kaya biasa saya sudah menyediakan elemen elemen HTMLnya dan teman teman bisa buat terlebih dahulu sebagai berikut

Yakni saya telah membuat tiga buat tombol atau button yang memiliki id nya masing masing dimana kita akan melakukan sesuatu jika tombol itu di klik. Pada kode cssnya saya membuat class warna dengan memberikan warna tulisan. Dan saya ingin mengubah tulisan tersebut dengan mengaktifkan css yang kita tentukan sebelumnya.

Kita mulai membuat kode jQuery yakni kita akan membuat sebuah event onclick. Pertama kita akan mengubah kotak atau kolom tersebut berubah menjadi warna biru dengan metode addClass yang artinya ketika tombol itu di tekan maka akan mengaktifkan atau menambahkan class warna pada CSS sebagai berikut

Maka tulisan yang berelemen <em> akan berubah menjadi orange.

Lalu teman teman juga bisa menghapus class tersebut dengan metode removeClass sebagai berikut

Saya menggunakan tombol kedua maka jika dijalankan kotak tersebut tidak memiliki class color lagi. Yang terakhir untuk tombol tiga yakni contoh metode toggleClass seperti berikut

Gunanya metode tersebut akan menonaktifkan dan mengaktifkan class yang sedang aktif jadi dia akan bekerja untuk kedua metodenya yakni addClass dan removeClass. Semoga jelas sampai jumpa.

13 Desember 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat