css di jquery
Untuk menerapkan CSS pada elemen menggunakan jQuery, Anda dapat menggunakan metode css(). Metode ini memungkinkan Anda untuk menetapkan atau memperoleh nilai properti CSS dari elemen yang dipilih.
Berikut adalah contoh penggunaan metode css():
Menetapkan Nilai CSS:
Untuk menetapkan nilai CSS pada elemen, Anda dapat menggunakan metode css() dengan menyediakan pasangan properti-nilai yang ingin Anda terapkan. Berikut adalah contoh penggunaannya:
javascript
Copy code
// Menetapkan warna latar belakang menjadi merah pada elemen dengan id "myElement"
$('#myElement').css('background-color', 'red');
// Menetapkan font berat menjadi tebal pada elemen dengan id "myElement"
$('#myElement').css('font-weight', 'bold');
Anda juga dapat menetapkan beberapa properti CSS sekaligus dalam satu panggilan metode css(). Contohnya:
javascript
Copy code
// Menetapkan beberapa properti CSS sekaligus pada elemen dengan id "myElement"
$('#myElement').css({
'background-color': 'red',
'font-weight': 'bold',
'color': 'blue'
});
Memperoleh Nilai CSS:
Untuk memperoleh nilai properti CSS dari elemen yang dipilih, Anda dapat menggunakan metode css() tanpa menyediakan nilai kedua. Berikut adalah contoh penggunaannya:
javascript
Copy code
// Memperoleh nilai warna latar belakang dari elemen dengan id "myElement"
var backgroundColor = $('#myElement').css('background-color');
// Menampilkan nilai warna latar belakang
console.log(backgroundColor);
Metode css() juga dapat digunakan untuk memperoleh nilai beberapa properti CSS sekaligus dalam satu panggilan.
Pastikan Anda telah menyertakan pustaka jQuery dalam halaman HTML Anda sebelum menggunakan kode jQuery di atas. Misalnya, Anda dapat menggunakan tag <script> untuk memuat jQuery dari CDN (Content Delivery Network):
html
Copy code
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
Semoga ini membantu Anda dalam menggunakan CSS pada elemen menggunakan jQuery!
