jQuery .hide()와 .css("display", "none")의 차이

jQuery .hide()와 .css("display", "none")의 차이

다른 점이 있습니까?

jQuery('#id').show() and jQuery('#id').css("display","block")

그리고.

jQuery('#id').hide() and jQuery('#id').css("display","none")

jQuery('#id').css("display",block")

그display재산은 많은 가능한 값을 가질 수 있고, 그 중에서block,inline,inline-block, 그 외 여러 가지.

그.show()메소드가 반드시 다음과 같이 설정되지는 않습니다.block, 대신 사용자가 정의한 대로 재설정합니다(있는 경우).

jQuery 소스 코드에서, 당신은 그들이 어떻게 그들이displayjQuery 조작 전에 무엇이었는지 확인하기 위해 ""에 속성(빈 문자열): little link.

반면에 숨는 것은display: none;, 생각해 볼 수 있습니다..hide()그리고..css("display", "none")어느 정도에 해당하는

사용을 권장합니다..show()그리고..hide()어쨌든 모든 게차를 피하기 위해 (게다가 그들은 더 작습니다).

show()와 css의 차이({'display':'block'})

처음에 이것이 있다고 가정하면:

<span id="thisElement" style="display: none;">Foo</span>

호출 시:

$('#thisElement').show();

다음을 얻을 수 있습니다.

<span id="thisElement" style="">Foo</span>

다음 기간 동안:

$('#thisElement').css({'display':'block'});

수행:

<span id="thisElement" style="display: block;">Foo</span>

그래서, 네, 차이가 있습니다.

hide()와 CSS의 차이({'display':'none'})

위와 동일하지만 이것들을 숨김 ()로 바꾸고 표시합니다': 'none'......

또 다른 차이점 언제.hide()디스플레이 속성의 값이 jQuery의 데이터 캐시에 저장되므로 다음과 같은 경우.show()가 호출되고, 초기 디스플레이 값이 복원됩니다!

네, 두 가지 모두 성능에 차이가 있습니다.jQuery('#id').show()보다 느립니다.jQuery('#id').css("display","block")디스플레이가 이진 속성이 아니기 때문에 jquery cache에서 초기 상태를 가져오기 위해 이전의 경우와 같이 추가 작업을 수행해야 합니다.inline,block,none,table, 등도 마찬가지입니다.hide()방법.

참조: http://jsperf.com/show-vs-addclass

별반 다를 바 없는

매개 변수가 없는 .hide() 메서드는 요소를 숨기는 가장 간단한 방법입니다.

$(.target').hide(); 일치하는 요소는 애니메이션 없이 바로 숨겨집니다.이는 디스플레이 속성의 값이 jQuery의 데이터 캐시에 저장되어 나중에 디스플레이를 초기 값으로 복원할 수 있다는 점을 제외하고는 .css('display', 'none')를 호출하는 것과 거의 같습니다.요소의 화면표시 값이 inline이면 숨어서 표시하면 요소가 다시 한 번 인라인으로 표시됩니다.

쇼에 대해서도 마찬가지입니다.

네, 차이가 있습니다.

jQuery('#id').css("display","block")는 항상 표시할 요소를 블럭으로 설정합니다.

jQuery('#id').show()willet은 처음에 어떤 디스플레이 유형이었는지를 나타냅니다. display: inline 등입니다.

질의 문서 참조

소스 코드(여기 v1.7.2)를 확인할 수 있습니다.

설정할 수 있는 애니메이션을 제외하고 기존 디스플레이 스타일도 기억합니다(모든 경우에는 해당되지 않음).block, 할 수도 있습니다.inline,table-cell, ...).

http://api.jquery.com/show/ 를 참조하십시오.

매개 변수가 없는 .show() 메서드는 요소를 표시하는 가장 간단한 방법입니다.

$(.target').()을 보여줍니다.

일치된 요소는 애니메이션 없이 즉시 공개됩니다.이는 디스플레이 속성이 처음에 복원되는 것을 제외하고는 .css('display', 'block')를 호출하는 것과 거의 맞먹습니다.요소의 화면표시 값이 inline이면 숨어서 표시하면 요소가 다시 한 번 인라인으로 표시됩니다.

언급URL : https://stackoverflow.com/questions/13562439/difference-between-jquery-hide-and-cssdisplay-none