jQuery_jqueryでのinnerWidth()メソッドの使用例

この記事の例では、jQuery での innerWidth() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

最初に一致した要素の内部領域の幅を取得します。
パディングを含み、ボーダーは除きます)。つまり、内部領域の幅は、パディングとボーダーの合計に等しくなります。
この方法は、表示要素と非表示要素の両方に機能します。
innerHeight() メソッドと組み合わせて学習できます。

文法構造:

コードをコピーします コードは次のとおりです:

$(selector).innerWidth()

コード例:

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("p").text($("p").innerWidth())
});
});

innerWidth の値がここに表示されます

クリックして p の innerWidth を表示します

上記のコードは、p要素の内部領域幅を要素自体の中に書き込むことができます。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。