제이쿼리로 디브 숨기는 법?

제이쿼리로 디브 숨기는 법?

HTML을 숨기려는 경우<div>, 저는 다음과 같은 자바스크립트 코드를 사용합니다.

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

jQuery에서 그 코드와 동등한 것은 무엇입니까?

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

아니면

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

아니면

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

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

CSS 디스플레이를 none으로 설정합니다.만약 당신이 가시성을 숨김으로 설정할 필요가 있다면, 이것을 다음을 통해 할 수 있습니다.

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

혹은 둘 다 연쇄적으로 결합합니다.

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

또는 하나의 cs() 함수로 모든 것을 작성합니다.

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

쉬운:

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

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

요소가 공간을 유지하려면 다음을 사용해야 합니다.

$('#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에 보유하고 있던 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()디브를 숨겨줄 겁니다

$('#myDiv').hide();hide function은 내용 편집에 사용되고 show function은 다시 보여주기 위해 사용됩니다.

자세한 내용은 이 링크를 클릭해 주시기 바랍니다.

언급URL : https://stackoverflow.com/questions/5375449/how-to-hide-a-div-with-jquery