如何在没有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');

元素将不会显示,但它的位置将在页面流中"保持占用".