Métodos de implementación para obtener y establecer la longitud y anchura con DIV comunes en Query

正文

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

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

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

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

Operaciones en cadena de 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("anchura");}} 
  }); 
  $("#make").click(function(){ 
    //$("#div1").css({altura:$("#ht").val(),anchura:$("#wd").val()}); 
    //$("#div1").altura($("#ht").val()); 
    //$("#div1").css("anchura",$("#wd").val()); 
    $("#div1").altura($("#ht").val()); 
    $("#div1").anchura($("#wd").val()); 
    // Operaciones en cadena de JQuery 
    //$("#div1").css("altura",$("#ht").val()).anchura($("#wd").val()); 
  }); 
}); 
</script> 
<style type="text/css"> 
#div1 
{ 
  anchura:150px; 
  altura:150px; 
  fondo-color:red; 
  border:black 1px sólido; 
} 
</style> 
</head> 
<body> 
Longitud<input type="text" id="ht"/>Anchura<input type="text" id="wd"/> 
<input type="button" value="Obtener" id="get"/> 
<input type="button" value="Configurar" id="make"/> 
<div id="div1></div> 
</body> 
</html>

Esto es todo el contenido de la implementación de métodos comunes de obtención y configuración de longitud y anchura de DIV que el editor les ha traído, esperamos que les haya sido útil y que nos apoyen más en el tutorial de alarido ~

Tutoriales básicos

Te gustará