ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryでdivの高さを取得する方法

jQueryでdivの高さを取得する方法

coldplay.xixi
リリース: 2020-11-26 15:31:17
オリジナル
4774 人が閲覧しました

div の高さを取得する jquery メソッド: まず div タグを使用してテキスト行を作成し、css を使用して高さを設定します。次に、[$] 記号を使用して div オブジェクトを取得し、次を使用します。 [css()] メソッドを使用して高さ属性値、つまり div の高さの値を取得します。

jQueryでdivの高さを取得する方法

  • この方法は、すべてのブランドのコンピュータに適しています

jquery を使用して、 div の高さを取得する方法:

1. jQuery が div の高さを簡単に取得する方法を説明するために、test.html という名前の新しい HTML ファイルを作成します。

jQueryでdivの高さを取得する方法

2. test.html ファイルに jquery.min.js ライブラリ ファイルを導入し、メソッドを使用する前にファイルを正常にロードします。 jQuery で。

jQueryでdivの高さを取得する方法

3. test.html ファイルで、div タグを使用してテキスト行を作成し、CSS を使用して div の幅を 250px、高さを 250px に設定します。を 250px に、背景色を赤にします。

jQueryでdivの高さを取得する方法

4. test.html ファイルで、div の id 属性を mydiv に設定します。これは主に、以下の ID を通じて div オブジェクトを取得するために使用されます。

jQueryでdivの高さを取得する方法

5. test.html ファイルで、button タグを使用してボタンを作成し、onclick クリック イベントを button ボタンにバインドし、ボタンがクリックされたときに、 geth()関数を実行します。

jQueryでdivの高さを取得する方法

6. js タグで、geth() 関数を作成します。関数内で、$ 記号を使用して、id を通じて div オブジェクトを取得します。 (mydiv) css()メソッドを使用して高さ属性値、つまりdivの高さの値を取得し、alert()メソッドを使用して取得した値を出力します。

jQueryでdivの高さを取得する方法

7. ブラウザで test.html ファイルを開き、ボタンをクリックして効果を確認します。

jQueryでdivの高さを取得する方法

関連する無料学習の推奨事項: javascript (ビデオ)

以上がjQueryでdivの高さを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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