jQueryの寸法2024 年の最新の入門チュートリアル。このコースでは jQueryの寸法方法,jQueryの寸法,jQueryの幅()と高さ()メソッド,例,jQueryのはinnerWidth()プロパティおよびinnerHeight()メソッド,例,jQueryのouterWidthの()とouterHeight()メソッド,例, について学習できます。
jQueryの寸法
jQueryの、扱いやすい、とブラウザウィンドウの要素の大きさによります。
jQueryの寸法方法
jQueryのは、複数の次元を処理するための重要な方法を提供します。
- 幅()
- 高さ()
- innerWidth()
- innerHeightは()
- outerWidthの()
- outerHeight()
jQueryの寸法
jQueryの幅()と高さ()メソッド
幅()メソッドは、(パディング、ボーダーやマージンを含まない)の要素の幅を設定または返します。
高さ()メソッドのセットや(パディング、ボーダーやマージンを含まない)の要素の高さを返します。
次の例では、指定した<div>要素の幅と高さを返します。
例
$("button").click(function(){
var txt="";
txt+="Width: " + $("#div1").width() + "</br>";
txt+="Height: " + $("#div1").height();
$("#div1")(txt);
});
»をお試しください
jQueryのはinnerWidth()プロパティおよびinnerHeight()メソッド
innerWidth()メソッドは、(パディングを含む)要素の幅を返します。
innerHeightは()メソッドは、(パディングを含む)要素の高さを返します。
内側の幅は、以下の例では、指定した<div>要素/高さを返します。
例
$("button").click(function(){
var txt="";
txt+="Inner width: " + $("#div1").innerWidth() + "</br>";
txt+="Inner height: " + $("#div1").innerHeight();
$("#div1")(txt);
});
»をお試しください
jQueryのouterWidthの()とouterHeight()メソッド
outerWidthの()メソッドは、(パディングとボーダーを含む)要素の幅を返します。
outerHeight()メソッドは、(パディングとボーダーを含む)要素の高さを返します。
次の例では、指定した<div>要素の外側幅/高さを返します。
例
$("button").click(function(){
var txt="";
txt+="Outer width: " + $("#div1").outerWidth() + "</br>";
txt+="Outer height: " + $("#div1").outerHeight();
$("#div1")(txt);
});
試します