Hello guys! Kembali lagi bersama Miniblog dari Inzaghi's Blog! Jika sebelumnya sudah membuat jQuery DOM Manipulation, kali ini kita akan membuat Manipulasi CSS dengan menggunakan jQuery Method css().
%20in%20jQuery%20Method.png)
Sumber : Tutorialsteacher.com dan Tutorialspoint.com
Metode jQuery css() mendapatkan atau mengatur properti gaya ke elemen yang ditentukan.
$('selector expression').css('style property name','value');
$('selector expression').css({
'style property name':'value',
});Tentukan pemilih untuk mendapatkan referensi elemen yang ingin Anda atur propertinya, kemudian panggil metode css() dengan nama properti gaya dan parameter nilai. Anda juga dapat mengatur beberapa properti gaya dengan melewatkan objek JSON dengan 'nama properti gaya':'nilai'.
<!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><script>$(document).ready(function () {$('#myDiv').css('background-color','yellow');$('#btnShow').click(function(){$('p').css({'font-size':'16px','font-weight':'bold'});alert($('#myDiv').css('background-color'));});});</script></head><body><h1>jQuery css() Method Demo</h1><button id="btnShow">Show div style</button><div id="myDiv"><p>This is first paragraph.</p></div><div><p>This is second paragraph.</p></div><div ><p>This is third paragraph.</p></div></body></html>
Hasil Output :
Pada contoh di atas, kami mengatur latar belakang #myDiv dan gaya font untuk semua elemen <p>. Dengan cara yang sama, kita dapat mendapatkan nilai dari properti gaya apa pun menggunakan metode css() dengan menentukan nama propertinya sebagai parameter pertama.
Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.
Terima Kasih 😀😊😘👌👍 :)