我可以使用 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  <p><strong>b。將樣式變更儲存到檔案：</strong></p>
<ul>
<li>此過程需要伺服器端實作。 </li>
<li>使用 document.styleSheets 屬性讀取修改後的 CSS 聲明，如上所述。 </li>
<li>使用 JavaScript 建立包含更新後的 CSS 的字串。 </li>
<li>使用 CSS 字串作為負載向伺服器發送 Ajax POST 請求。 </li>
<li>在伺服器端，儲存將 CSS 修改為檔案以永久儲存。 </li>
</ul>
<p><strong>參考文獻：</strong></p>
<ul>
<li>[document.styleSheets (Mozilla)](https://developer. mozilla.org/en-US/ docs/Web/API/Document/styleSheets)</li>
<li>[CssRule 物件(Mozilla)](https://developer.mozilla.org/en-US/docs/Web/ API/CSSRule)</li>
<li>[document.styleSheets (MSDN)](https://docs.microsoft.com/en-us/previous-versions/ie8/cc330629(v=vs.85))</li>
<li>[CssRule 物件( MSDN)](https://docs.microsoft.com/en-us/previous-versions/ie8/cc330627(v=vs.85))</li>
</ul></code>

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