ホームページ >ウェブフロントエンド >jsチュートリアル >jquery cssで単位なしの属性値を取得する方法

jquery cssで単位なしの属性値を取得する方法

藏色散人
藏色散人オリジナル
2020-12-16 10:26:292329ブラウズ

単位なしの属性値を取得する jquery css メソッド: 最初に div を定義し、次にスタイルを設定して jQuery を導入し、次に jquery css メソッドを使用して要素の幅を取得し、最後に parseInt メソッドを使用します。ユニットを取り外します。

jquery cssで単位なしの属性値を取得する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.0&&css3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

推奨: 「css ビデオ チュートリアル

単位なしで属性値を取得する jquery css メソッド

1.まず div

<div></div>

2 を定義し、次にスタイル

<style>
div {
    width: 100px;
    height: 100px;
}
</style>

3 を設定し、jQuery

<script src="path/to/jquery.min.js"></script>

4 を導入し、jQuery の CSS メソッドを使用して要素の幅を取得します

var h = $(&#39;div&#39;).css(&#39;width&#39;);
console.log(h); //100px

5. 取得した値には単位が付いていますので、parseIntメソッドで単位を削除してください。

以上がjquery cssで単位なしの属性値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。