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


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

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

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

6   51  

6 ответов:

$('#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, который временно держит мою Дивов в формате 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() буду скрывать див...