jquery更改通配符的CSS属性

Question

我有一个带有通配符 id 的 div。我想更改通配符的显示而不是实际元素。

#mywildcard{
display:none;
}
<div id = "mywildcard"></div>

当我单击按钮或其他内容时，我想更改实际属性显示而不是向元素添加样式。

我要

#mywildcard{
display:block;
}

我现在得到的是

<div id = "mywildcard" style="display:block"></div>
#mywildcard{
display:block;//Firebug show crossed out.
}

我试过了 $('#mywildcard).css('display','block'); 它只是向该元素添加了一个样式

Answer 1

您想要的是使用 jquery 函数 .toggle()或.show() ，具体取决于您想要实现的效果类型。

在元素上调用.toggle()将检测它是否不显示，然后它将恢复为默认显示。如果当前正在显示 (display:block)，则再次调用 .toggle() 将隐藏该元素。

如果您想一次性从 display:none 更改为 display:block，那么您需要使用 .show( ) 函数。

更具体地说，假设您正在尝试附加到 .show() 函数以形成 ID 为 wildcardShowBtn 的按钮。要在 jQuery 中实现这一点，您可以这样做:

$("#wildcardShowBtn").click(function () {
   $("#mywildcard").show();
});