JavaScript style.display = "none" hoặc jQuery .hide() hiệu quả hơn?

Question

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

được sử dụng trong JavaScript để ẩn phần tử. Nhưng trong jQuery,

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

được sử dụng cho cùng một mục đích. Cách nào hiệu quả hơn? Tôi đã thấy so sánh giữa hai hàm jQuery .hide() và .css("display","none")here.

Nhưng vấn đề của tôi là liệu JavaScript thuần túy có hiệu quả hơn jQuery không?

Answer 1

Nói về hiệu quả:

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

---

gì jQuery làm với .show() và .hide() phương pháp của nó là, mà nó nhớ trạng thái cuối cùng của một phần tử. Điều đó có thể có ích đôi khi, nhưng kể từ khi bạn hỏi về hiệu quả không quan trọng ở đây.

Answer 2

Có.

Vâng.

Vanilla JS luôn hiệu quả hơn.

Answer 3

Hiệu quả sẽ không quan trọng đối với một cái gì đó như thế này trong 99,999999% tình huống. Làm bất cứ điều gì là dễ dàng hơn để đọc và duy trì.

Trong ứng dụng của mình, tôi thường dựa vào các lớp học để ẩn và hiển thị, ví dụ: .addClass('isHidden')/.removeClass('isHidden') cho phép tôi tạo hoạt ảnh với CSS3 nếu tôi muốn. Nó cung cấp sự linh hoạt hơn.

Answer 4

a = 2; 

vs

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

Trong ý kiến ​​ của bạn, những gì bạn nghĩ sẽ là nhanh nhất?