javascript - JQuery - 显示/隐藏样式属性覆盖 css

Question

我了解 CSS 的工作原理，即应用最靠近元素的样式会覆盖之前的任何样式。我的问题是，JQuery 函数如何执行 show()和 hide()当有一个定义为 <div> 的样式属性时运行像这样的标签:

<div class='menuTab' style="display:block">

为了这个例子，假设 css 是这样的:

div.menuTab{
    /* ..other css...*/
    display:none
}

将应用函数 $('div.menuTab').hide()将 menuTab HTML 的样式属性更改为 display:none ？

Answer 1

简而言之:是的。

.hide() 是以下内容的简写:

.css("display","none");

因此它将用 display:hidden 覆盖您的 display:block 内联样式。

除非使用 !important，否则内联样式会覆盖 CSS。