jQuery：如何以编程方式隐藏TableTools按钮

我使用的是最新版本的jQuery插件DataTables和TableTools（来源：）

我将其设置为显示两个标准按钮，一个用于选择所有行，另一个用于取消选择所有行。 到目前为止，一切正常

现在我想在我的页面中添加一个简单的按钮，以编程方式隐藏这两个按钮。 在Firebug中对它们进行调查，结果如下：

<div class="DTTT_container">
    <a id="ToolTables_queueTable_0" class="DTTT_button DTTT_button_text" title="select all rows">
        <span>Select All</span>
    </a>
    <a id="ToolTables_queueTable_1" class="DTTT_button DTTT_button_text DTTT_disabled" title="deselect all rows">
        <span>Deselect All</span>
    </a>
</div>

$('#myButton').on('click', function() {
    $('.DTTT_button').hide();
});

$('#myButton').on('click', function() {
    $('#ToolTables_queueTable_0').hide();
    $('#ToolTables_queueTable_1').hide();
});

---

有人知道用其他方法实现这一点的方法吗？

尝试使用css属性隐藏div

$('#myButton').on('click', function() {
    $('#ToolTables_queueTable_0').css("visibility","hidden");
    $('#ToolTables_queueTable_1').css("visibility","hidden");
});

---

尝试使用css属性隐藏div

$('#myButton').on('click', function() {
    $('#ToolTables_queueTable_0').css("visibility","hidden");
    $('#ToolTables_queueTable_1').css("visibility","hidden");
});

---

如果您的div设置了

visibility

属性，

hide

和

show

不起作用

另一件事应该是：

如果使用！在您的样式中很重要，例如显示：无！重要的,， 有必要使用.css（“display”、“block”）覆盖样式 ！important“）如果希望.show（）正常工作

提及

尝试通过jquery更改

可见性

或

显示

属性

$('#ToolTables_queueTable_0').css("visibility","hidden");

或

---

如果您的div设置了

visibility

属性，

hide

和

show

不起作用

另一件事应该是：

如果使用！在您的样式中很重要，例如显示：无！重要的,， 有必要使用.css（“display”、“block”）覆盖样式 ！important“）如果希望.show（）正常工作

提及

尝试通过jquery更改

可见性

或

显示

属性

$('#ToolTables_queueTable_0').css("visibility","hidden");

或

---

也非常感谢！在初始化期间小心使用

显示

。在ajax加载数据时，我在“csv”按钮上使用了

display:none

（以免用户保存一个空表单），然后在完成后将其删除，但按钮无法正常工作，不确定原因。切换到

visibility:hidden

成功了。也非常感谢！在初始化期间小心使用

显示

。在ajax加载数据时，我在“csv”按钮上使用了

display:none

（以免用户保存一个空表单），然后在完成后将其删除，但按钮无法正常工作，不确定原因。切换到

visibility:hidden

反而起到了作用。