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

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

藏色散人
リリース: 2020-12-17 16:36:40
オリジナル
2367 人が閲覧しました

単位なしの属性値を取得する 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
jQueryファイルをインポートする
から 1970-01-01 08:00:00
0
0
0
jQueryのプロトタイプチェーン
から 1970-01-01 08:00:00
0
0
0
Nuxt.js に jQuery をインストールする手順
から 1970-01-01 08:00:00
0
0
0
php+jqueryの問題
から 1970-01-01 08:00:00
0
0
0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート