Bagaimanakah Saya Boleh Mengakses Nilai Peratusan CSS Menggunakan jQuery?

Mengakses Nilai Peratusan CSS dengan jQuery

Dalam senario di mana anda mempunyai peraturan CSS yang ditakrifkan dengan nilai peratusan, selalunya berguna untuk mendapatkan semula nilai ini secara dinamik menggunakan JavaScript. jQuery menyediakan cara yang mudah untuk mengakses nilai tersebut melalui sifat gaya elemen DOM.

Pertimbangkan peraturan CSS seperti ini:

.largeField {
    width: 65%;
}

Untuk mendapatkan semula nilai '65%' menggunakan jQuery, anda boleh menggunakan pendekatan berikut:

console.log($('.largeField')[0].style.width); // "65%"

Pendekatan ini bergantung pada akses terus sifat gaya elemen dipadankan pertama dalam objek jQuery. Dengan menggunakan kaedah ini, anda boleh mendapatkan nilai peratusan sebagai rentetan.

Nota: Sebagai alternatif, anda juga boleh mengakses nilai peratusan peraturan CSS menggunakan kaedah DOM, seperti getComputedStyle(). lebar. Walau bagaimanapun, untuk senario dengan helaian gaya yang diimport, pendekatan ini boleh membawa kepada hasil yang tidak dapat diramalkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengakses Nilai Peratusan CSS Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!