我可以使用 jQuery 動態修改 CSS 類別規則嗎？

如何使用jQuery 動態更改CSS 類別規則

問題：

• 如何修改特定的修改特定類別的規則，而不添加內聯樣式？
• 是否可以將這些變更保存在文件中？

答案：

雖然jQuery 沒有直接提供修改CSS 規則的方法，但有兩種方法可以完成您的任務：

a.動態修改CSS 規則：

• 使用JavaScript 的document.styleSheets 屬性，您可以存取樣式表規則。
• 迭代規則並找到與您的規則關聯的規則。目標類。
• 使用規則[j].style屬性來改變所需的CSS屬性，例如「font-size」。
• 範例：

<code class="javascript">var ss = document.styleSheets;

for (var i = 0; i < ss.length; i++) {
    var rules = ss[i].cssRules || ss[i].rules;

    for (var j = 0; j < rules.length; j++) {
        if (rules[j].selectorText === ".classname") {
            rules[j].style.fontSize = "16px";
        }
    }
}</code>

b。將樣式變更儲存到檔案：

• 此過程需要伺服器端實作。
• 使用 document.styleSheets 屬性讀取修改後的 CSS 聲明，如上所述。
• 使用 JavaScript 建立包含更新後的 CSS 的字串。
• 使用 CSS 字串作為負載向伺服器發送 Ajax POST 請求。
• 在伺服器端，儲存將 CSS 修改為檔案以永久儲存。

參考文獻：

• [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/ie8/cc330629(v=vs.85))
• [CssRule 物件( MSDN)](https://docs.microsoft.com/en-us/previous-versions/ie8/cc330627(v=vs.85))

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