Как скрыть div с помощью jQuery?

Когда я хочу скрыть HTML <div>, я использую следующий код JavaScript:

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

Что эквивалентно этому коду в jQuery?

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

или же

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

или же

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

Легко:

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

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

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

установит для отображения css значение none. если вам нужно установить видимость как скрытую, это можно сделать с помощью

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

или объедините оба в цепочку

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

или напишите все с помощью одной функции css ()

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

Если вы хотите, чтобы элемент сохранял свое пространство, вам нужно использовать,

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

Если вы не хотите, чтобы элемент сохранял свое пространство, вы можете использовать,

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

или просто,

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

$("myDiv").hide(); и $("myDiv").show(); не так хорошо работает в Internet Explorer.

Я решил это сделать, чтобы получить html-контент с myDivпомощью.html() .

Затем я написал его во вновь созданный DIV. Затем я добавил DIV к телу и добавил содержимое переменной ContentкHiddenField затем прочитал это содержимое из только что созданного div, когда я хотел показать DIV.

После того, как я использовал этот .remove()метод, чтобы избавиться от DIV, который временно удерживал мои DIV-файлы html.

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

а затем, когда я хотел снова ПОКАЗАТЬ контент.

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

Это было более надежно, чем методы .hide()& .show().

$('#myDiv').hide() скроет div ...

$('#myDiv').hide(); Функция скрытия используется для редактирования содержимого, а функция отображения используется для повторного отображения.

Чтобы узнать больше, нажмите на эту ссылку .