JQuery CSS erhalten einen Wert ohne PX

Manchmal haben sie mit CSS -Werten Erweiterungen wie PX, wenn Sie ihre Werte mit JQuery erhalten. So erhalten Sie möglicherweise den CSS -Wert ohne PX . Wenn Sie die CSS -Profilwerte eines DOM -Elements wie Margin erhalten möchten, gibt es den PX sowarm als Wert zurück. Zum Beispiel:

<span>$('#content').css('left');</span>

Würde zurückkehren, sagen: "360px". Um nur den Zahlenwert aus der CSS -Eigenschaft zu erhalten, verwenden Sie dies einfach:

<span>$('#content').css('left').replace(<span>/<span><span>[^-d.]</span></span>/g</span>, '');</span>

häufig gestellte Fragen (FAQs) zu JQuery CSS PX

Wie kann ich den numerischen Teil einer CSS -Eigenschaft mit JQuery? Diese Funktion analysiert ein String -Argument und gibt eine Ganzzahl zurück. Wenn Sie beispielsweise den numerischen Teil der Eigenschaft "Breite" erhalten möchten, können Sie den folgenden Code verwenden:

var width = parseInt ($ ("#Element"). CSS ("Width");
Sie können einen CSS -Eigenschaftswert in Pixel unter Verwendung der .css () -Methode in JQuery festlegen. Diese Methode legt eine oder mehrere CSS -Eigenschaften für den Satz übereinstimmter Elemente fest. Um beispielsweise die Eigenschaft "Breite" auf "100px" einzustellen, können Sie den folgenden Code verwenden:

$ ("#Element"). CSS ("Breite", "100px");

Sie können den Polster- oder Randwert in Pixel mit der Methode .css () in JQuery erhalten. Diese Methode gibt die Eigenschaftswerte des Computerstils zurück. Zum Beispiel können Sie den folgenden Code verwenden:

var paddingtop = $ ("#Element"). CSS ("padding-top"); Ruft die aktuelle berechnete Breite für das erste Element in den Satz übereinstimmter Elemente oder legt die Breite für jedes übereinstimmende Element fest. Um beispielsweise die Breite eines Elements zu erhalten, können Sie den folgenden Code verwenden:

var width = $ ("#Element"). Width ();
Dies gibt die Breite des Elements in Pixel zurück. ParseInt () Funktion in jQuery. Diese Funktion analysiert ein String -Argument und gibt eine Ganzzahl zurück. Um beispielsweise den Wert "Breite" ohne die PX -Einheit zu erhalten, können Sie den folgenden Code verwenden:

var width = parseInt ($ ("#Element"). CSS ("width");

Wie kann ich die CSS -Eigenschaften mehrerer Elemente gleichzeitig mit JQuery ändern? Diese Methode legt eine oder mehrere CSS -Eigenschaften für den Satz übereinstimmter Elemente fest. Um beispielsweise die Eigenschaften "Breite" und "Höhe" für alle Elemente mit der Klasse "Myclass" auf "100px" festzulegen, können Sie den folgenden Code verwenden:

$ ("Myclass"). Pixel.

Wie kann ich eine CSS -Eigenschaft mit JQuery animieren? Diese Methode führt eine benutzerdefinierte Animation einer Reihe von CSS -Eigenschaften durch. Zum Beispiel können Sie den folgenden Code verwenden:

$ ("#Element"). Animate ({"Breite": "100px"}), um die Eigenschaft "Breite" auf "100px" zu animieren.

Sie können die Eigenschaftswerte für Computerstil mithilfe der .css () -Methode in JQuery erhalten. Diese Methode gibt die Eigenschaftswerte des Computerstils zurück. Um beispielsweise den Wert "Breite" zu erhalten, können Sie den folgenden Code verwenden:

var width = $ ("#Element"). CSS ("Breite"); .css () Methode in jQuery. Diese Methode legt eine oder mehrere CSS -Eigenschaften für den Satz übereinstimmter Elemente fest. Um beispielsweise die Eigenschaft "Breite" auf "50%" festzulegen, können Sie den folgenden Code verwenden:

$ ("#Element"). CSS ("Breite", "50%")
Dies setzt die Breite des Elements mit dem ID -Element "Element" bis 50%des übergeordneten Elements.

Sie können den CSS -Wert mit der PX -Einheit unter Verwendung der .css () -Methode in JQuery erhalten. Diese Methode gibt die Eigenschaftswerte des Computerstils zurück. Um beispielsweise den Wert "Breite" mit der PX -Einheit zu erhalten, können Sie den folgenden Code verwenden:

var width = $ ("#Element"). CSS ("Breite");

Das obige ist der detaillierte Inhalt vonJQuery CSS erhalten einen Wert ohne PX. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!