jQuery innerWidth() メソッド

jQuery HTML/CSS メソッド

innerWidth()メソッドは、選択された要素の内部幅を取得または設定します（paddingを含みますが、marginとborderを含まない）。

innerWidth()メソッドを使用する場合、取得幅を設定する場合、それが最初の選択された要素の幅です。

innerWidth()メソッドを使用する場合、設定幅を設定する場合、それがすべての選択された要素の幅です。

以下の図のように、innerWidth()メソッドはpaddingを含むが、marginとborderを含まない：

幅の値は相対的でもできます。値に接頭辞が提供されている場合、+=または-=文字列の場合、現在の値に指定された数を加算または減算して目標幅を計算します（例：innerWidth（"-= 100））。

文法：

内部幅を取得します：

$(selector).innerWidth()

内部幅を設定します：

$(selector).innerWidth(value)

例

DIV要素の内部幅を取得します：

$("div").click(function(){
　　$(this).innerWidth();
});

すべての段落の内部幅を設定します：

$("button").click(function(){
　　$("p").innerWidth("100);
});

すべての段落の内部幅を異なる単位で設定します：

$("#btn1").click(function(){
　　$("p").innerWidth("100);
});
$("#btn2").click(function(){
　　$("p").innerWidth("10em");
});
$("#btn3").click(function(){
　　$("p").innerWidth("100vw");
});

width()、height()、innerHeight()、innerWidth()、outerWidth()、outerHeight()の間の差を表示する：

$("button").click(function(){
　　$("div").width();
　　$("div").innerWidth();
　　$("div").outerWidth();
　　$("div").height();
　　$("div").innerHeight();
　　$("div").outerHeight();
});

パラメータ値

jQuery HTML/CSS メソッド