Как скрыть div с jQuery?

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

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

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

Ответ 1

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

или

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

или

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

Ответ 2

Легко:

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

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

Ответ 3

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

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

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

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

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

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

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

Ответ 4

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

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

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

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

или просто,

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

Ответ 5

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

То, как я это обошлось, это получить содержимое html myDiv с помощью .html().

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

После того, как я использовал метод .remove(), чтобы избавиться от DIV, который временно удерживал мой DIVs 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().

Ответ 6

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