Wie kann ich CSS-Prozentwerte mit jQuery abrufen?

CSS-Prozentwerte in jQuery abrufen

Beachten Sie die folgende CSS-Regel:

.largeField {
    width: 65%;
}

Gibt es eine Möglichkeit dazu Den Prozentwert statt des berechneten Pixelwerts programmgesteuert extrahieren?

Direkt Zugriff auf den Stil des Elements

Ein einfacher Ansatz besteht darin, direkt auf die Stileigenschaft des Elements zuzugreifen:

$('.largeField')[0].style.width

// Returns "65%"

Diese Methode setzt voraus, dass Sie einen Verweis auf das Element haben, das Sie überprüfen möchten.

Es gibt jedoch eine mögliche Einschränkung:

Dieser Ansatz funktioniert möglicherweise nicht zuverlässig in bestimmten Szenarien. Wenn Ihr Stylesheet beispielsweise mehrere andere Stylesheets importiert und Sie auf den cssRules-Parameter verweisen, können Null- oder undefinierte Werte auftreten.

In solchen Fällen kann sich die oben genannte Methode für einfachere Szenarios mit einfachen Stylesheet-Deklarationen als zuverlässiger erweisen .

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Prozentwerte mit jQuery abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!