Metodi di implementazione per ottenere e impostare la lunghezza e l'altezza con le operazioni DIV di Query

Ottieni o imposta l'altezza e la larghezza del div

Metodo uno:Le funzioni height e width (otteniamo un valore numerico), possono essere utilizzate per ottenere o impostare l'altezza e la larghezza degli elementi.

val() ottiene o imposta il valore dell'elemento

Metodo due:La funzione css può essere utilizzata per ottenere o impostare l'altezza e la larghezza degli elementi

Ottieni css("width") (otteniamo una stringa che termina con px), imposta css("width",20px) o css({width:20px,height:20px})

Operazioni catenarie di jQuery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript" src="jQuery/jquery-1.12.1.js"></script> 
<script type="text/javascript"> 
$(function(){ 
  $("#get").click(function(){ 
    //获取结果没有px 
    $("#ht").val($("#div1").height()); 
    $("#wd").val($("#div1").width()); 
    //获取结果后面有px 
    //$("#ht").val($("#div1").css("height")); 
    //$("#wd").val($("#div1").css("width")); 
  }); 
  $("#make").click(function(){ 
    //$("#div1").css({height:$("#ht").val(),width:$("#wd").val()}); 
    //$("#div1").css("altezza",$("#ht").val()); 
    //$("#div1").css("larghezza",$("#wd").val()); 
    $("#div1").altezza($("#ht").val()); 
    $("#div1").larghezza($("#wd").val()); 
    // Operazione catenata di JQuery 
    //$("#div1").css("altezza",$("#ht").val()).larghezza($("#wd").val()); 
  }); 
}); 
</script> 
<style type="text/css"> 
#div1 
{ 
  larghezza:150px; 
  altezza:150px; 
  background-color:red; 
  border:nero 1px solido; 
} 
</style> 
</head> 
<body> 
Lunghezza<input type="text" id="ht"/>Larghezza<input type="text" id="wd"/> 
<input type="button" value="Ottieni" id="get"/> 
<input type="button" value="Impostare" id="make"/> 
<div id="div1"></div> 
</body> 
</html>

Questo è tutto il contenuto dell'esecuzione del metodo di ottenere e impostare la lunghezza e l'altezza del DIV più comune che l'editor ha portato per voi, spero che sia utile per voi, sostenete il tutorial urla~

Guida di base