menghilangkan attribute style dengan menggunakan jquery

Hallo blogger lama tidak menulis artikel karena kemarin sedang liburan. Kali ini saya ingin membahas tentang bagaimana cara menghilangkan attribute style dengan menggunakan jquery. Attribute style sendiri sering digunakan untuk tampilan seperti warna background font dll. Nah kali ini saya ingin menjelaskan tentang bagaimana cara menghilangkan attribute style dengan klik tombol menggunakan jquery.

Contoh nya :

<div id=”paragraf” style="background:#ffe9bd">warna merah.</p><button id="tombol">hapus warna merah</button>
Lalu saya menginginkan ketika saya klik button text tersebut tidak lagi menggunakan style.
Bagaimana caranya ?
yang pertama dilakukan anda harus melakukan import jquery.nya

<script type="text/javascript" src="jquery.min.js"></script>
kemu dian untuk script yang digunakan untuk menghapus attribut style adalah sebagai berikut :

$("#tombol").click(function(){    $("#paragraf").removeAttr("style");});

  • .removeAttr("style")    = digunakan untuk menghilangkan seluruh tag style ...
  • .attr("style")                 = untuk menguji nilai dan melihat apakah style inline ada ...
  • .attr("style",stylebaru) = untuk mengubahnya menjadi style baru….

terkadang beberapa versi jquery mempengaruhi script yang digunakan saran saya apabila script diatas tidak berfungsi maka sebaiknya anda cek apakah script tersebut kompatibel dengan jquery yang digunakan.

Baca juga pengecekan secara berkala menggunakan jquery interval


Mungkin cukup sekian artikel saya kali ini tentang bagaimana cara menghilangkan attribute style dengan menggunakan jquery. Jika artikel ini bermanfaat da nada yang ingin ditanyakan silahkan masukkan ke kolom komentar terima kasih 

Share this

Related Posts

Previous
Next Post »