Kann jQuery CSS-Klassenregeln direkt ändern?

Ändern von CSS-Klassenregeln mit jQuery

Bei Ihrer Frage geht es darum, CSS-Klassenregeln im Handumdrehen zu ändern, eine Aufgabe, die scheinbar für die Vielseitigkeit von jQuery geeignet ist. Es ist jedoch wichtig zu beachten, dass die Kernfunktionalität von jQuery nicht explizit eine Möglichkeit bietet, CSS-Klassenregeln direkt zu manipulieren.

Ändern der Schriftgröße nur innerhalb einer Klasse

Trotzdem Trotz dieser Einschränkungen können Sie Ihr erstes Ziel mithilfe der nativen styleSheets-Eigenschaft von JavaScript erreichen. Hier ist ein Proof of Concept:

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

Geänderte Stile speichern

Zu Ihrer zweiten Frage: jQuery bietet zwar keine einfache Methode zum Speichern von CSS-Änderungen, aber Sie kann den folgenden Ansatz erkunden:

• Parsen Sie das CSS-Stylesheet und extrahieren Sie die geänderten Regeln mit JavaScript.
• Erstellen Sie eine Zeichenfolgendarstellung der geänderten CSS-Deklarationen.
• Senden Senden Sie die Zeichenfolge mithilfe von AJAX zur Speicherung oder weiteren Verarbeitung an den Server.

Dieser Ansatz erfordert eine zusätzliche serverseitige Implementierung, bietet jedoch eine mögliche Lösung für Ihre Anforderungen. Weitere Informationen finden Sie in den bereitgestellten Referenzen:

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

Das obige ist der detaillierte Inhalt vonKann jQuery CSS-Klassenregeln direkt ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!