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>
Baca juga membuat event onenter menggunakan jquery
Lalu saya menginginkan ketika saya klik button text
tersebut tidak lagi menggunakan style.
Bagaimana caranya ?
yang pertama dilakukan anda harus melakukan import jquery.nya
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