jquery - 在 jQuery 中如何简单地隐藏一个元素而不使其折叠

Question

我有一个待办事项表，最左边的列通常是用于标记已完成的复选框。我想隐藏这些复选框，直到用户将鼠标悬停在任务上，该任务复选框变得可见。

目前，当我使用

隐藏复选框时

$('table#incompleted_tasks tr td input[type="checkbox"]').css('display', 'none');

实际的列会折叠，后续的列会向左分流。这意味着当我将鼠标悬停在任务上时，复选框会展开，但所有内容都被正确分流，因此未对齐。

我想保留隐藏列的宽度，但如何保留？

Answer 1

使用

$('table#incompleted_tasks tr td input[type="checkbox"]').css('visibility', 'hidden');

该元素将不会显示，但它的位置将在页面流中“占据”。