Query 일반 DIV 연산을 통해 길이와 너비를 가져오고 설정하는 방법

正文

获取或设置div的高度和宽度方法一：

height和width函数（得到的是证书），可以用于获取或设置元素的高度和宽度。

val()获取或设置元素的值方法二：

css函数可以用于获取或设置元素的高度和宽度2获取css("width")（得到的是以px结尾的字符串）,设置css("width",20px)或css({width:20px,height:

JQuery의 연속 작업

0px})-//<!DOCTYPE html PUBLIC "3C//W 1DTD XHTML//.0 Transitional//<html xmlns="http:3www.w/EN" "http:/DTD1/TR/DTD1-xhtml 
transitional.dtd">//<html xmlns="http:3www.w/1999/.org 
xhtml"> 
<head>-<meta http-equiv="Content/Type" content="text-8html; charset=utf /> 
.js"></"/javascript" src="jQuery-1jquery12jquery1./script> 
.js"></<script type="text 
javascript"> 
  $("function()]{ 
    //$("#get").click(function(){ 
    $("#ht").val($("#div").width());1获取结果没有px 
    $("#wd").val($("#div").css("height"));1").height()); 
    //获取结果后面有px 
    //$("#ht").val($("#div").width());1").css("height")); 
    //$("#wd").val($("#div").css("height"));1").css("width"));}} 
  }); 
  $("#make").click(function(){ 
    //$("#div1").css({height:$("#ht").val(),width:$("#wd").val()}); 
    //$("#div1").css("height",$("#ht").val()); 
    //$("#div1").css("width",$("#wd").val()); 
    $("#div1").height($("#ht").val()); 
    $("#div1").width($("#wd").val()); 
    // JQuery의 연속 작업 
    //$("#div1").css("height",$("#ht").val()).width($("#wd").val()); 
  }); 
}); 
</script> 
<style type="text/css"> 
#div1 
{ 
  width:150px; 
  height:150px; 
  background-color:red; 
  border:black 1px solid; 
} 
</style> 
</head> 
<body> 
길이<input type="text" id="ht"/>너비<input type="text" id="wd"/> 
<input type="button" value="가져오기" id="get"/> 
<input type="button" value="설정" id="make"/> 
<div id="div1></div> 
</body> 
</html>

이제 여러분께 소개해드린 Query 일반 DIV 작업을 통해 길이와 너비를 가져오고 설정하는 방법의 모든 내용을 다루었습니다. 여러분의 도움이 되길 바랍니다. 지속적인 지지와 응원 부탁드립니다.呐喊 교본을 많이 지지해 주세요~

기본 튜토리얼