Cara menggunakan REMOVECLASS di JavaScript

Jika Anda hanya menulis kode di atas, maka tidak akan terjadi apa-apa pada hasil pekerjaan Anda. Mengingat akan ada event penambahan dan penghapusan

#area {
  background:black;
  pading:10px 20px;
  color:#fff;
}

#area {
  background:black;
  pading:10px 20px;
  color:#fff;
}

#area {
  background:black;
  pading:10px 20px;
  color:#fff;
}

#area {
  background:black;
  pading:10px 20px;
  color:#fff;
}

.hijau {
  background:green;
  padding:50px;
}

Lihat Demo

Contoh Penerapan Manipulasi. toggleClass()

Elemen Objek

<button class='toggle'>Ubah menjadi Hijau atau Hitam</button>

<div id='area'>Ini Ibu Ani</div>

CSS

#area {
  background:black;
  pading:10px 20px;
  color:#fff;
}

.hijau {
  background:green;
  padding:50px;
}

Deklarasi JQuery

$(document).ready(function() {
     $('.toggle').click(function() {
          $('#target').toggleClass('hijau');
     });
});

Lihat Demo

Perlu diingat bahwa manipulasi

#area {
  background:black;
  pading:10px 20px;
  color:#fff;
}

#area {
  background:black;
  pading:10px 20px;
  color:#fff;
}

<div class='target'>Ini Ibu Ani</div>

$(document).ready(function() {
     $('.target').addClass('hijau');
});

Jadi kejadian yang akan terjadi tidak mengubah

#area {
  background:black;
  pading:10px 20px;
  color:#fff;
}

#area {
  background:black;
  pading:10px 20px;
  color:#fff;
}

$(document).ready(function() {
     $('.ubah').click(function() {
          $('#target').addClass('hijau');
     });
     $('.remove').click(function(){
          $('#target').removeClass('hijau');
     });
});

$(document).ready(function() {
     $('.ubah').click(function() {
          $('#target').addClass('hijau');
     });
     $('.remove').click(function(){
          $('#target').removeClass('hijau');
     });
});

<div class='target hijau'>Ini Ibu Ani</div>

Penulis. Taufik Nurrohman
Label. Pada dasarnya, jQuery
Kategori. Teknis

1948 Tampilan

2 Komentar

Tidak dikenal

Selasa, 11 September 2012 10. 31 malam

Mas Taufik ingin bertanya
Jika elemen saya seperti ini

dan ingin menambahkan class baru hanya pada artikel bagian kedua sehingga menjadi seperti ini

bagaimana kabarnya sobat???

Taufik Nurrohman

Rabu, 12 September 2012 04. 11 malam

Gunakan pemilih

$(document).ready(function() {
     $('.ubah').click(function() {
          $('#target').addClass('hijau');
     });
     $('.remove').click(function(){
          $('#target').removeClass('hijau');
     });
});

2 dan

$(document).ready(function() {
     $('.ubah').click(function() {
          $('#target').addClass('hijau');
     });
     $('.remove').click(function(){
          $('#target').removeClass('hijau');
     });
});

3

#area {
  background:black;
  pading:10px 20px;
  color:#fff;
}

0

Ingat, dalam JavaScript umumnya urutan dimulai dari angka nol ⇒ http. //jsfiddle. net/tovic/yJ6Mg/15/

Komentar telah ditutup

Pasang Iklan

• 250 × 125

Kategori

• Esai 6
• Teknis 579

Memperbarui

Mengapa Saya Lebih Memilih PHP daripada Node atau Python?

Berkembang tidak harus menguasai berbagai bidang. Karena jika masih setengah hati di satu bidang saja, maka tidak ada gunanya kamu bermain...

Sabtu, 10 Juli 2021

Daftar Isi Bertab Seluler untuk Blogger

Perbarui 2018/08/13. Berbagai perubahan dan fitur baru telah ditambahkan untuk memenuhi saran dan permintaan pengguna. Beberapa pembahasan yang…

Jumat, 28 Mei 2021

Widget Artikel Terkait Blogger · 6 dalam 1

Contoh tampilan widget. Klik untuk memperbesar gambar. Saat ini terdiri dari 6 jenis tampilan yang dapat Anda sesuaikan sendiri. Gawit ini…