Bolehkah jQuery Mengubah suai Peraturan Kelas CSS Secara Terus?

Mengubah suai Peraturan Kelas CSS dengan jQuery

Soalan anda tertumpu pada pengubahsuaian peraturan kelas CSS dengan cepat, tugas yang nampaknya sesuai untuk serba boleh jQuery. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa fungsi teras jQuery tidak menyediakan cara untuk memanipulasi peraturan kelas CSS secara langsung.

Menukar Saiz Fon Hanya dalam Kelas

Walaupun had, anda boleh mencapai matlamat pertama anda menggunakan sifat styleSheets asli JavaScript. Berikut ialah bukti konsep:

<code class="javascript">// Iterate over style sheets
for (let i = 0; i < document.styleSheets.length; i++) {
    const rules = document.styleSheets[i].cssRules || document.styleSheets[i].rules;

    // Search for the target class selector
    for (let j = 0; j < rules.length; j++) {
        if (rules[j].selectorText === ".classname") {
            // Update the font size property only
            rules[j].style.fontSize = "16px";
        }
    }
}</code>

Menyimpan Gaya Diubahsuai

Untuk soalan kedua anda, manakala jQuery tidak menyediakan kaedah yang mudah untuk menyimpan pengubahsuaian CSS, anda boleh meneroka pendekatan berikut:

• Hilang helaian gaya CSS dan ekstrak peraturan yang diubah suai menggunakan JavaScript.
• Buat perwakilan rentetan bagi pengisytiharan CSS yang diubah suai.
• Hantar rentetan ke pelayan menggunakan AJAX untuk penyimpanan atau pemprosesan selanjutnya.

Pendekatan ini memerlukan pelaksanaan sampingan pelayan tambahan, tetapi ia menyediakan penyelesaian yang mungkin untuk keperluan anda. Rujuk rujukan yang disediakan untuk mendapatkan maklumat lanjut:

• [document.styleSheets (Mozilla)](https://developer.mozilla.org/en-US/docs/Web/API/Document/styleSheets )
• [objek CssRule (Mozilla)](https://developer.mozilla.org/en-US/docs/Web/API/CSSRule)
• [document.styleSheets (MSDN)](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms531194(v=vs.85))
• [objek CSSRule (MSDN)](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms531192(v=vs.85))

Atas ialah kandungan terperinci Bolehkah jQuery Mengubah suai Peraturan Kelas CSS Secara Terus?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!