Wie versteckt man ein div mit jQuery?

Question

Wenn ich eine HTML-Datei ausblenden möchte <div> verwende ich den folgenden JavaScript-Code:

var div = document.getElementById('myDiv');
div.style.visibility = "hidden";
div.style.display = "none";

Was ist das Äquivalent zu diesem Code in jQuery?

Answer 1

$('#myDiv').hide();

または

$('#myDiv').slideUp();

または

$('#myDiv').fadeOut();

Answer 2

$("#myDiv").hide();

setzt die css-Anzeige auf none. Wenn Sie die Sichtbarkeit auch auf versteckt setzen müssen, können Sie dies tun über

$("#myDiv").css("visibility", "hidden");

oder beide in einer Kette kombinieren

$("#myDiv").hide().css("visibility", "hidden");

oder alles mit einer css()-Funktion schreiben

$("#myDiv").css({
  display: "none",
  visibility: "hidden"
});

Answer 3

Einfach:

$('#myDiv').hide();

http://api.jquery.com/hide/

Answer 4

Wenn Sie möchten, dass das Element seinen Platz behält, müssen Sie es verwenden,

$('#myDiv').css('visibility','hidden')

Wenn Sie nicht möchten, dass das Element seinen Platz beibehält, können Sie es verwenden,

$('#myDiv').css('display','none')

oder einfach,

$('#myDiv').hide();

Answer 5

$("myDiv").hide(); y $("myDiv").show(); funktioniert im Internet Explorer nicht so gut.

Der Weg, wie ich dies umgehen konnte, war, den html-Inhalt von myDiv mit .html() .

Dann habe ich sie in ein neu erstelltes DIV geschrieben. Dann fügte ich das DIV an den Body an und fügte den Inhalt der Variablen Content zum HiddenField dann lesen, dass der Inhalt aus dem neu erstellten div, wenn ich wollte, um die DIV zeigen.

Nachdem ich die .remove() Methode, um das DIV loszuwerden, das vorübergehend meine DIVs html enthielt.

var Content = $('myDiv').html(); 
        $('myDiv').empty();
        var hiddenField = $("<input type='hidden' id='myDiv2'>");
        $('body').append(hiddenField);
        HiddenField.val(Content);

und dann, wenn ich den Inhalt wieder ZEIGEN wollte.

        var Content = $('myDiv');
        Content.html($('#myDiv2').val());
        $('#myDiv2').remove();

Dies war zuverlässiger als die .hide() & .show() Methoden.