Kaedah css
Kaedah css membolehkan anda mendapatkan
dan mengubah suai gaya CSS elemen.
Penting untuk diingat bahawa kita akan mendapatkan 'nilai
terkira' sifat (computed style
properties), yang mungkin berbeza daripada
yang dinyatakan dalam gaya css.
Sintaks
Dapatkan satu sifat:
$(pemilih).css(sifat);
Dapatkan beberapa sifat, parameter yang diluluskan - array nama sifat:
$(pemilih).css(['width', 'height', 'color']);
Ubah suai satu sifat:
$(pemilih).css(sifat, nilai baru);
Mari ubah suai beberapa sifat, dengan menyampaikannya sebagai objek,
mengandungi pasangan 'kunci: nilai'. Nama sifat
dinyatakan dalam bentuk CamelCase:
$(pemilih).css({fontSize: '12px', color: 'red'});
Atau, pilihan alternatif:
<p class="www">teks</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Kita juga boleh menggunakan fungsi yang ditentukan untuk setiap
elemen dalam set. Dalam kes ini, fungsi
akan menerima nombor elemen dalam set sebagai parameter pertama, dan parameter kedua
- nilai semasa sifat css yang ditentukan
untuk elemen tertentu. Dalam kes ini this
di dalam fungsi akan menunjuk kepada elemen semasa.
Sifat CSS setiap elemen akan berubah kepada nilai
yang dikembalikan oleh fungsi untuk elemen tersebut:
$(pemilih).css(nama sifat, function(nombor dalam set, nilai semasa sifat css));
Contoh
Mari dapatkan semua elemen dengan kelas www
dan ubah warnanya kepada merah:
<p class="www">teks</p>
$('.www').css('color', 'red');
Contoh
Mari dapatkan semua elemen dengan kelas www
dan ubah warnanya kepada merah, dan saiz fon
- kepada 20px:
<p class="www">teks</p>
$('.www').css({color:'red', fontSize:'20px'});
Atau, pilihan alternatif:
<p class="www">teks</p>
$('.www').css({'color':'red', 'font-size':'20px'});
