Cara Menggunakan Fungsi add() dan addclass() Pada jQuery

Selamat datang di artikel tips dan trik seputar dunia situs Source Code Aplikasi, di kesempatan kali ini saya akan memberikan tips dan trik mengenai bagaimana Cara Menggunakan Fungsi add() dan addclass() Pada jQuery. Dimana guna add() ini berfungsi bagi memanggil atau menyeleksi tag html yang kita inginkan kemudian guna addclass() ini berfungsi bagi memanggil hanya class saja misakan kita telah membangun sebuah css dengan class kemudian kita akan memanggil dan tampilkan css class di tag html yang kita inginkan.Di latihan kali ini kita akan menggunakan kedua guna ini dengan contoh yang amat sederhana.

Pertama-tama kita akan coba menggunakan guna add() terlebih dahulu, sebelum kita mulai teman – teman siapkan text editornya dan install terlebih dahulu jQuery nya, atau kita dapat load saja link jQuery nya bagi online tetapi apabila teman – teman ingin ofline silahkan unduh terlebih dahulu di situs resminya jQuery.com. Seandainya telah coba teman – teman ketikkan script html nya seperti gambar di bawah ini

Kemudian coba teman – teman berikan guna jQuerynya  seperti di bawah ini

<script>
  $(h1).add(p,span).css(background, orange);
</script>

Di scritp jQuery di atas ini saya memberikan h1 background berwarna orange kemudian saya ingin segala merubah background orange meskipun dengan tag yang berbeda dengan menggunakan add() segala akan menjadi background orange tak hanya tag html saja teman – teman panggil class atau id pun akan berfungsi apabila ingin semuanya sama menjadi orange.

Kemudian yang berikutnya kita akan mencoba implementasikan addclass() yang pun akan kita bahas di pada artikel Cara Menggunakan Fungsi add() dan addclass() Pada jQuery, coba teman – teman tambahkan script css nya dan atur terlebih dahulu atau dapat teman – teman ketikkan seperti script di bawah ini di pada tag head

<style type=text/css>
    .addclass{
      color:white;
      font-weight: bold;
      font-size: 24px;
      padding:5px;
    }
  </style>

Dan berikutnya kita akan memanggil dengan guna addclass()

$(h1,p,span).addClass(addclass);

Seandainya telah save dan refresh di browsernya

Karenanya yang terjadi yaitu segala tag akan di samakan sesuai css yang telah kita atur sebelumnya dan kemudian saya panggil segala tag html nya bagi di berikan css nya karenanya segala akan di selector oleh addclass().

Bagaimana, lumayan gampang bukan..??

Saya kira demikianlah dulu di artikel kali ini mengenai Cara Menggunakan Fungsi add() dan addclass() Pada jQuery kita berjumpa kembali di tips dan trik yang akan datang, semoga dapat menjadi tambahan ilmu bagi teman – teman khususnya yang baru menjajaki belajar jQuery. Hingga Jumpa dan Terimakasih 🙂

Sumber https://kursuswebsite.org