Nice programing

JavaScript style.display =“none”또는 jQuery .hide ()가 더 효율적입니까?

nicepro 2020. 12. 6. 22:05
반응형

JavaScript style.display =“none”또는 jQuery .hide ()가 더 효율적입니까?


document.getElementById("elementId").style.display="none"

요소를 숨기기 위해 JavaScript에서 사용됩니다. 하지만 jQuery에서는

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

같은 목적으로 사용됩니다. 어느 쪽이 더 효율적입니까? 두 개의 jQuery 함수 .hide().css("display","none") 여기에 대한 비교를 보았습니다 .

하지만 내 문제는 순수 JavaScript가 jQuery보다 효율적인지 여부입니다.


효율성에 대한 이야기 ​​:

document.getElementById( 'elemtId' ).style.display = 'none';

jQuery가 .show().hide()메소드 로 수행하는 작업은 요소 마지막 상태기억한다는 것 입니다. 때때로 유용 할 수 있지만 여기서는 중요하지 않은 효율성에 대해 질문했기 때문입니다.


99.999999 %의 상황에서 이와 같은 경우 효율성은 중요하지 않습니다. 읽고 유지하기 쉬운 것은 무엇이든하십시오.

내 앱에서는 일반적으로 클래스를 사용하여 숨기기 및 표시를 제공합니다. 예를 들어 .addClass('isHidden')/.removeClass('isHidden')원하는 경우 CSS3로 애니메이션을 적용 할 수 있습니다. 더 많은 유연성을 제공합니다.


a = 2;

vs

a(2);
function a(nb) {
    lot;
    of = cross;
    browser();
    return handling(nb);
}

에서 당신의 의견, 당신은 어떻게 생각하십니까 가장 빠른 될 것입니다?


예.

네, 그렇습니다.

Vanilla JS 는 항상 더 효율적입니다.

참고 URL : https://stackoverflow.com/questions/13688238/javascript-style-display-none-or-jquery-hide-is-more-efficient

반응형