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

我理解CSS是如何工作的，因为最接近元素的样式会覆盖任何以前的样式。我的问题是，当对

标记定义了样式属性时，JQuery函数

show（）

和

hide（）

是如何操作的：

在本例中，假设css类似于：

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

是否应用函数

$（'div.menuTab'）.hide（）

将menuTab HTML的样式属性更改为

display:none

？

简言之：是

.hide（）

是以下内容的简写：

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

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

因此，它将用

display:hidden

替代您的

display:block

内联样式

除非

！重要信息

已使用，内联样式将覆盖CSS。

是

$（'div.menuTab'）.hide（）将导致
style=“display:none”
是

它将隐藏该类并重写其属性

.hide()

是以下的简写：

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

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

它将覆盖

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

正如您在chrome的inspect元素中看到的，如果您使用
$（'div.menuTab'）.hide（）
js将改变html中的样式，即
display:none

这里有一个例子。您可以看到
.hide（）
函数将显示从
块
更改为
无


希望有帮助
 您可以通过检查（搜索：
函数showHide
）轻松找到
.hide（）
的工作原理

jQuery
.hide（）
和
.show（）
是
jQuery.css（）
的包装器，它们更改元素的
样式。根据其类型显示
属性（
.hide（）
到
显示='none'
和
。show（）
到
'inline'
，
'block'
等）
 显示：无或可见性：hidden@mplungjan干杯-
display:none
。因此，只需检查：
hide（）
和
show（）
通过使用
display:none
或
display:block
（或之前的显示类型）将样式属性插入HTML元素即可工作？它们不直接使用外部CSS文件。