jQuery可以直接修改CSS類別規則嗎？

使用 jQuery 修改 CSS 類別規則

您的問題集中在動態修改 CSS 類別規則，這項任務似乎適合 jQuery 的多功能性。然而，需要注意的是，jQuery 的核心功能並沒有明確提供直接操作 CSS 類別規則的方法。

僅在類別內更改字體大小

儘管如此克服這些限制，您可以使用 JavaScript 的本機 styleSheets 屬性來實現您的第一個目標。這是一個概念證明：

<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>

保存修改後的樣式

對於你的第二個問題，雖然jQuery 沒有提供保存CSS 修改的簡單方法，但你可以探索以下方法：

• 解析CSS 樣式表並使用JavaScript 提取修改後的規則。
• 建立修改後的 CSS 宣告的字串表示形式。
• 傳送使用 AJAX 將字串傳送到伺服器進行儲存或進一步處理。

此方法需要額外的伺服器端實現，但它為您的需求提供了可能的解決方案。請參閱提供的參考資料以獲取更多見解：

• [document.styleSheets (Mozilla)](https://developer.mozilla.org/en-US/docs/Web/API/ Document/styleSheets )
• [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))
• [ CssRule 物件(MSDN)](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms531192(v=vs.85) )

以上是jQuery可以直接修改CSS類別規則嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！