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

jQuery を使用した CSS パーセンテージ値へのアクセス

パーセンテージ値を使用して定義された CSS ルールがあるシナリオでは、これらの値を取得すると便利なことがよくあります。 JavaScriptを使用して動的に実行します。 jQuery は、DOM 要素の style プロパティを通じてそのような値にアクセスする便利な方法を提供します。

次のような CSS ルールを考えてみましょう。

.largeField {
    width: 65%;
}

jQuery を使用して '65%' 値を取得するには、次のようにします。次のアプローチを利用できます。

console.log($('.largeField')[0].style.width); // "65%"

このアプローチは、最初に一致した要素の style プロパティに直接アクセスすることに依存しています。 jQueryオブジェクト。このメソッドを利用すると、パーセンテージ値を文字列として取得できます。

注: あるいは、getComputedStyle() などの DOM メソッドを使用して CSS ルールのパーセンテージ値にアクセスすることもできます。幅。ただし、インポートされたスタイルシートを使用するシナリオでは、このアプローチは予期しない結果を招く可能性があります。

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