jQuery を使用して CSS パーセンテージ値を取得するにはどうすればよいですか?

jQuery で CSS パーセンテージ値を取得する

次の CSS ルールを考えてみましょう:

.largeField {
    width: 65%;
}

次の方法はありますか?計算されたピクセルではなく、パーセント値をプログラムで抽出します。 value?

要素のスタイルへの直接アクセス

簡単なアプローチは、要素のスタイル プロパティに直接アクセスすることです。

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

// Returns "65%"

このメソッドは、次のことを前提としています。検査したい要素への参照があります。

ただし、潜在的な可能性があります。注意点:

このアプローチは、特定のシナリオでは確実に機能しない可能性があります。たとえば、スタイルシートが他の複数のスタイルシートをインポートし、cssRules パラメータを参照している場合、null または未定義の値が発生する可能性があります。

そのような場合、単純なスタイルシート宣言を使用した単純なシナリオでは、前述の方法の方が信頼性が高いことが証明される可能性があります。 .

以上がjQuery を使用して CSS パーセンテージ値を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。