Ẩn phần tử bị ẩn ... Làm thế nào xấu?

Question

Làm cách nào để ẩn phần tử bị ẩn?

Vì vậy, giả sử phần tử #myelement bị ẩn và tôi thực hiện $('#element').hide(). Nó có tệ không? Tôi có nên kiểm tra xem nó có hiển thị trước không?

Cảm ơn!

Answer 1

jQuery kiểm tra nếu yếu tố có thể nhìn thấy và ẩn chỉ nếu nó có thể nhìn thấy: https://github.com/jquery/jquery/blob/master/src/css.js#L78

} else if (!values[ index ] && !isHidden(elem)) { 
     jQuery._data(elem, "olddisplay", curCSS(elem, "display")); 
    } 

Vì vậy, bạn không cần thực hiện kiểm tra bổ sung. Bất kỳ kiểm tra thủ công nào sẽ làm cho hiệu suất (và khả năng đọc thực sự) tồi tệ hơn.

Answer 2

Nếu bạn ẩn một phần tử đã bị ẩn, không có gì sẽ xảy ra.

Cách duy nhất là 'xấu' là nó đang thực thi mã mà không cần phải được thực hiện.

Bạn có thể kiểm tra nếu nó được ẩn sử dụng là():

if(!$("my-element").is(":visible")) { 
    $("my-element").hide(); 
}) 

Answer 3

Đối với chỉ hiding yếu tố bạn không cần phải kiểm tra xem phần tử đã là hidden hay không nhưng nếu bạn có một trường hợp như thế nếu phần tử là sau đó hiển thị khác làm điều gì đó khác sau đó bạn có thể sử dụng

if ($('your-element').is(':hidden')) { 
$('your-element').show(); 
} else { 
//do something else 
} 

Answer 4

Nếu có một sự lựa chọn giữa

$("my-element").hide(); 

và

if(!$("my-element").is(":visible")) { 
    $("my-element").hide(); 
}) 

nó đơn giản hơn nhiều (tốt hơn?) Để chỉ có dòng đầu tiên cho sake dễ đọc. jQuery sẽ kiểm tra xem bạn có làm hay không.

Answer 5

Tốt hơn nên kiểm tra khả năng hiển thị của phần tử trước khi ẩn nó.

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

nó sẽ gây ra một số sự cố trong Internet Explorer (IE9). Một số trang thời gian sẽ không tải đúng cách. Một số nội dung sẽ bị bỏ qua từ trang.

Mã sau đây tốt hơn nhiều.

if(!$("#myelement").is(":visible")) { 
    $("#myelement").hide(); 
})