jQuery로 div를 숨기는 방법?

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 표시를 없음으로 설정합니다. 가시성을 숨김으로 설정해야하는 경우 다음을 통해이 작업을 수행 할 수 있습니다.

$("#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를 보여주고 싶었다 때 다음 새로 만든 사업부에서 해당 내용을 읽어 보시기 바랍니다.

이 .remove()방법을 사용하여 일시적으로 내 DIV html을 보유하고 있던 DIV를 제거했습니다.

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(); 숨기기 기능은 콘텐츠를 편집하는 데 사용되며 표시 기능은 다시 표시하는 데 사용됩니다.

자세한 내용은 이 링크 를 클릭하십시오 .