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中文网其他相关文章！