Bagaimanakah Saya Boleh Mendapatkan Nilai Peratusan CSS Menggunakan jQuery?

Mendapatkan semula Nilai Peratusan CSS dalam jQuery

Pertimbangkan peraturan CSS berikut:

.largeField {
    width: 65%;
}

Adakah terdapat cara untuk mengekstrak nilai peratusan secara pemrograman, bukannya piksel yang dikira nilai?

Akses Terus kepada Gaya Elemen

Pendekatan mudah ialah mengakses terus sifat gaya elemen:

$('.largeField')[0].style.width

// Returns "65%"

Kaedah ini menganggap anda mempunyai rujukan kepada elemen yang ingin anda periksa.

Walau bagaimanapun, terdapat potensi kaveat untuk diperhatikan:

Pendekatan ini mungkin tidak berfungsi dengan pasti dalam senario tertentu. Sebagai contoh, jika helaian gaya anda mengimport berbilang helaian gaya lain dan anda merujuk parameter cssRules, anda mungkin menghadapi nilai nol atau tidak ditentukan.

Dalam kes sedemikian, kaedah yang dinyatakan di atas mungkin terbukti lebih dipercayai untuk senario yang lebih mudah dengan pengisytiharan lembaran gaya yang mudah. .

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