Memanipulasi Class CSS Dengan jQuery

13/12/2015    Ekky Ridyanto    1724     Website

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.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More