Question

我有这个简单的div：

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

我想使用课程show来展示它。

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

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

感谢您的帮助。

Answer 1

您可以按如下方式使用toggleClass()：

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

或

$("#myId").removeClass("hide").addClass("show");

Answer 2

.show()不会更改调用它的元素的类，它只会更改必要的CSS样式以将其隐藏起来。

要删除课程，请使用.removeClass()：

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

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

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

Answer 3

使用回调

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

Answer 4

<强> HTML

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

<强> JS / JQuery的

$(function() {
    $("#myId").removeClass("hide");
});

//or remove all of class hide

$(function() {
    $(".hide").each(function() {
        $(this).removeClass("hide");
    });
});

//or use the JQuery METHOD(S) to do the same which is class unrelated

$(function() {
    $("#myId").show();
    //or
    $("#myId").hide();
    //or
    $("#myId").fadeToggle(); //opacity animation based
    $("#myId").slideToggle(); //position animation based
});

Answer 5

像这样隐藏它，.show（）将起作用：

<div id="myId" style="display:none">...</div>

Show（）div在jQuery中有“隐藏”类

5 个答案: