您的位置是:网站首页>Javascript编程Javascript编程

jquery css怎么设置高度

少儿编程网2021-05-28 14:06:43Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介jquerycss设置高度的方法是height方法,该方法能返回或设置匹配元素的高度,其设置高度的语法如“$(selector).height(length)”,参数length规定元素的高度。本文操作环境:Windows7系统、jquery3.2.1&&css3版,DELLG3电脑

版权所有:https://wWw.pxcodeS.com

jquery css设置高度的方法是height方法,该方法能返回或设置匹配元素的高度,其设置高度的语法如“$(selector).height(length)”,参数length规定元素的高度。95a少儿编程网-https://www.pxcodes.com

95a少儿编程网-https://www.pxcodes.com

本文操作环境:Windows7系统、jquery3.2.1&&css3版,DELL G3电脑95a少儿编程网-https://www.pxcodes.com

jQuery CSS 操作 - height() 方法95a少儿编程网-https://www.pxcodes.com

height() 方法返回或设置匹配元素的高度。95a少儿编程网-https://www.pxcodes.com

返回高度95a少儿编程网-https://www.pxcodes.com

返回第一个匹配元素的高度。95a少儿编程网-https://www.pxcodes.com

如果不为该方法设置参数,则返回以像素计的匹配元素的高度。95a少儿编程网-https://www.pxcodes.com

语法95a少儿编程网-https://www.pxcodes.com

$(selector).height()

设置高度95a少儿编程网-https://www.pxcodes.com

设置所有匹配元素的高度。95a少儿编程网-https://www.pxcodes.com

语法95a少儿编程网-https://www.pxcodes.com

$(selector).height(length)

参数 95a少儿编程网-https://www.pxcodes.com

length 95a少儿编程网-https://www.pxcodes.com

可选。规定元素的高度。95a少儿编程网-https://www.pxcodes.com

如果没有规定长度单位,则使用默认的 px 单位。95a少儿编程网-https://www.pxcodes.com

示例:95a少儿编程网-https://www.pxcodes.com

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").height(50);
  });
});
</script>
</head>
<body>
<p style="background-color:yellow">This is a paragraph.</p>
<button class="btn1">改变高度</button>
</body>
</html>

效果截图:95a少儿编程网-https://www.pxcodes.com

95a少儿编程网-https://www.pxcodes.com

推荐学习:《jquery视频教程》

以上就是jquery css怎么设置高度的详细内容,更多请关注少儿编程网其它相关文章!95a少儿编程网-https://www.pxcodes.com

来源:php中文网95a少儿编程网-https://www.pxcodes.com

版权所有:https://wWw.pxcodeS.com

相关文章:

支持一下 ( )

jquery css怎么设置高度

      匿名评论
    • 评论
    人参与,条评论
    jquery css怎么设置高度

微信公众号

免费视频教程

先知道