如何使用jquery

Question

这里我使用的是一个css文件，我为tootltip设置了高度

.md-tooltip{
   width : 120px;
   height: 200px;
   background-color:white;
 }

使用

动态尝试设置高度

 $(".md-tooltip").height(100);

如何从CSS文件覆盖高度100px。我希望高度需要由$ jquery设置。它目前无法正常工作。

修改

$(".md-tooltip").height(50);

.md-tooltip{
   width : 120px;
   height: 200px;
   background-color:red;
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<p class=md-tooltip></p><br>

Answer 1

$(".md-tooltip").css("height","100px");应该适合你。编辑：如果你有一个变量，就这样说：（＆＃34; css attr.name＆＃34;，var +＆＃34; px＆＃34;）

Answer 2

要获得预期结果，请使用setProperty

的以下选项

$(".md-tooltip")[0].style.setProperty('height', '100px', 'important');

代码示例 - https://codepen.io/nagasai/pen/rdLVBy

<强>选项2： 使用attr（）选项，添加样式

$(".md-tooltip").attr('style','height: 50px !important');

代码示例 - https://codepen.io/nagasai/pen/NYrGWj