JQuery ile bir div nasıl gizlenir?

Bir HTML'yi gizlemek istediğimde <div>, aşağıdaki JavaScript kodunu kullanıyorum:

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

Bu kodun jQuery'deki karşılığı nedir?

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

veya

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

veya

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

Kolay:

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

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

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

css görüntüsünü yok olarak ayarlayacaktır. Görünürlüğü de gizli olarak ayarlamanız gerekiyorsa, bunu şu yolla yapabilirsiniz:

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

veya her ikisini bir zincirde birleştirin

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

veya her şeyi tek bir css () işlevi ile yazın

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

Öğenin alanını korumasını istiyorsanız, kullanmanız gerekir,

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

Öğenin boşluğunu korumasını istemiyorsanız, şunu kullanabilirsiniz:

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

ya da sadece,

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

$("myDiv").hide(); ve $("myDiv").show(); Internet Explorer'da o kadar iyi çalışmıyor.

Bunu aşmanın yolu, myDivkullanmanın html içeriğini elde etmekti .html() .

Daha sonra yeni oluşturulmuş bir DIV'ye yazdım. Daha sonra vücuda DIV eklenen ve değişkenin içeriğini ekteki ContentiçinHiddenField içeriğini ardından DIV'yi göstermek istediğimde yeni oluşturulan div'den bu içeriği okudum.

.remove()Geçici olarak DIVs html'mi tutan DIV'den kurtulmak için yöntemi kullandıktan sonra .

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

ve sonra içeriği tekrar GÖSTERMEK istediğimde.

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

Bu, .hide()& .show()yöntemlerinden daha güvenilirdi .

$('#myDiv').hide() div'i gizleyecek ...

$('#myDiv').hide(); hide fonksiyonu içeriği düzenlemek için kullanılır ve tekrar göstermek için show fonksiyonu kullanılır.

Daha fazlası için lütfen bu bağlantıya tıklayın .