这篇文章将为大家详细讲解有关jquery如何操作css设置高度,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。
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=""> div{ 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> <div>测试文本</div> <div class="dome">测试文本</div> <div>测试文本</div> </body> </html>
效果图:
关于“jquery如何操作css设置高度”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。