jquery怎么操作css设置高度

时间:2021-06-06 11:50:24

jquery操作css设置高度的方法:首先使用“$()”获取HTML元素节点,然后使用css()方法通过操作css样式来设置高度;具体语法“$("选择器").css("height","高度值");”。

本教程操作环境:windows7系统、jquery3.0.0版本、Dell G3电脑。

jquery操作css设置高度

在jquery中,可以使用css()方法来操作css设置高度

css()方法设置或返回被选元素的一个或多个样式属性。基本语法如下:

$("选择器").css("height","高度值");

代码示例:

<!DOCTYpE html><html> <head> <meta charset="utf-8"> <style type=""> p{ border:1px solid red; } </style> <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> <script> $(function() { $(".dome").css("height", "200px"); }); </script> </head> <body> <p>测试文本</p> <p class="dome">测试文本</p> <p>测试文本</p> </body></html>

效果图:

1.png

更多编程相关知识,请访问:编程视频!!

以上就是jquery怎么操作css设置高度的详细内容,更多请关注其它相关文章!

版权所有:JS大学