Як приховати 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, який тимчасово містив мою 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()методи.

$('#myDiv').hide() приховає div ...

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

Щоб дізнатись більше, натисніть на це посилання .