Thay đổi thuộc tính hiển thị

Question

Tôi có một div có tên lớp myClass và id là myId. Div có phong cách sau đây.

.myClass { 
    height: 74%; 
    margin-top: -1px; 
    position: relative; 
    overflow-y: auto; 
    width: 100%; 
    overflow-x: hidden; 
    visibility: hidden; 
} 

Khi tôi cố gắng để thay đổi tầm nhìn từ ẩn để có thể nhìn thấy làm điều này

$('#myId').css({ 'visibility': 'visible' }); 

Tôi đang sử dụng id trong JQuery thay vì lớp vì cùng lớp được áp dụng đối với các yếu tố khác nữa. Div của tôi vẫn không nhìn thấy được. Tôi đang làm gì sai?

Answer 1

Tại sao bạn không thử:

$('#myId').css('display', 'block'); 

hoặc Hãy thử:

<style> 
.visible { display:block !important;} 
</style> 
$('#myId').addClass('visible'); 

Answer 2

Replace bạn visibility: hidden;-display: none;

sau đó cập nhật jQuery

$('#myId').css('display','block'); 

Answer 3

Có yo u có thể làm điều này bằng những cách sau đây

$('#myId').css('display','block'); 

$('#myId').css('display','inline'); 

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

Answer 4

trong css những tác động bất động sản tầm nhìn đến nội dung bên trong thẻ trong khi hiệu ứng thuộc tính display để tổng tag, có nghĩa là nếu bạn áp dụng display:none; nó sẽ loại bỏ toàn bộ thẻ nhưng visibility:hidden ẩn nội dung bên trong thẻ đó.

Vì: hiển thị là bộ chọn jQuery, bạn có thể sử dụng độ mờ thay vì hiển thị để ẩn nội dung bên trong thẻ.

$('#myId').css('opacity','1'); 
$('#myId').css('opacity','0'); 

nếu bạn cần phải che giấu toàn bộ thẻ, tốt hơn đi với màn hình không

Answer 5

chỉ cần đi đơn giản, có một api sẵn trong jquery cho ẩn và hiển thị phần tử DOM. Hãy thử như sau

$('#myId').hide(); // for hiding the element 

    $('#myId').show(); // to show up the element