欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >
  .height(value)
  
  描述: 设置每一个匹配元素的高度值。
  
  添加的版本: 1.0.height( value )
  
  value
  
  类型: String, Number
  
  一个正整数代表的像素数,或是整数和一个可选的附加单位(默认是:“px”)(作为一个字符串)。
  
  添加的版本: 1.4.1.height( function(index, height) )
  
  function(index, height)
  
  类型: Function()
  
  返回用于设置高度的一个函数。该函数接受两个参数,index 参数表示元素在集合中的位置,height 参数表示原来的高度。在这个函数中,this指向元素集合中的当前元素。
  
  当调用.height(value)方法的时候,这个“value”参数可以是一个字符串(数字加单位)或者是一个数字。如果这个“value”参数只提供一个数字,jQuery会自动加上单位px。如果只提供一个字符串,任何有效的CSS尺寸都可以为高度赋值(就像100px, 50%, 或者 auto)。注意在现代浏览器中,CSS高度属性不包含padding, border, 或者 margin。
  
  如果没有给定明确的单位(像'em' 或者 '%'),那么默认情况下"px"会被直接添加上去(也理解为"px"是默认单位)。
  
  注意.height('value')设置的容器宽度是根据CSS box-sizing属性来定的, 将这个属性值改成border-box,将造成这个函数改变这个容器的outerHeight,而不是原来的内容高度。
  
  例子:
  
  点击每个div时设置该div高度为30px,并改变颜色。
  
  <!DOCTYPE html>
  
  <html>
  
  <head>
  
  <style>div { width:50px; height:70px; float:left; margin:5px;
  
  background:rgb(255,140,0); cursor:pointer; }  </style>
  
  <script src="https://code.jquery.com/jquery-latest.js"></script>
  
  </head>
  
  <body>
  
  <div></div>
  
  <div></div>
  
  <div></div>
  
  <div></div>
  
  <div></div>
  
  <script>$("div").one('click', function () {
  
  $(this).height(30)
  
  .css({cursor:"auto", backgroundColor:"green"});
  
  });</script>
  
  </body>
  
  </html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64084.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。