Show（）div在jQuery中具有'hide'类

Question

我有这个简单的div：

<div id='myId' class='hide'>...</div>

我想使用类show显示它。

$("#myId").show();

这不起作用。 div保留hide类。

感谢您的帮助。

Answer 1

您可以如下使用toggleClass()：

toggleClass()

或

$("#myId").toggleClass("hide show");

Answer 2

[$("#myId").removeClass("hide").addClass("show"); 不会更改被调用的元素的类，它只会更改必要的CSS样式以将其隐藏给用户。

要删除该类，请使用.show()：

.show()

如果使用.removeClass()和.removeClass() CSS类来切换元素的可见性，则只需使用$('#myId').show().removeClass('hide'); 和.hide方法。否则，只需删除您的课程即可：

.show

Answer 3

使用回调

.show()

Answer 4

HTML

.hide()

JS / JQuery

$('#myId').removeClass('hide');

Answer 5

像这样在负载下隐藏它，它将起作用：

$("#myId").show('slow',function(){
                                 $(this).removeClass('hide');
               });