ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryでブラウザの幅を調べる方法

jqueryでブラウザの幅を調べる方法

WBOY
リリース: 2021-12-13 15:46:22
オリジナル
2216 人が閲覧しました

ブラウザの幅を確認するための Jquery メソッド: 1. "$()" メソッドを使用してブラウザ ウィンドウ オブジェクトを取得します; 2. width() メソッドを使用して、指定されたブラウザ オブジェクトの幅を確認しますこのメソッドは、一致する要素の幅を返すか設定するために使用され、構文は "$(window).width()" です。

jqueryでブラウザの幅を調べる方法

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery を使用してブラウザの幅を確認する方法

ブラウザの幅は、width() メソッドを通じて確認できます。 width() メソッドは、一致した要素の幅を返すか、設定します。

ブラウザに一致させるには、$(window) ステートメントを使用して現在のウィンドウを取得します。

例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function()  {
        alert($(window).width()); 
    });
</script>
</head>
<body>
</body>
</html>
ログイン後にコピー

コードを実行すると、出力結果は次のようになります:

jqueryでブラウザの幅を調べる方法

幅を小さくすると、ブラウザのビジュアル ウィンドウ:

jqueryでブラウザの幅を調べる方法

推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル

以上がjqueryでブラウザの幅を調べる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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