jquery - 使用 .visible-desktop 类隐藏按钮的最佳方法？

Question

我正在尝试使用 jQuery(使用 $.fn.hide())隐藏按钮，但是 jQuery 方法不起作用，因为我想隐藏的元素包含 Bootstrap .visible-desktop/.hidden-desktop 类(实际上使用任何 Bootstrap 的响应类)。这是因为 .visible-desktop 将 display 属性与 !important 一起使用。我想为手机/平板电脑显示一个不同于桌面版本的按钮版本，但我希望使用我的两个按钮作为唯一标识。我的问题的一个更简单的版本是:

在 HTML 文件中:

<button class="my-button my-button-for-tablet-mobile hidden-desktop"></button>
<button class="my-button my-button-for-desktop visible-desktop"></button>

在 jQuery 文件中(需要，但它不起作用):

//A line of this type should hide the two buttons.
$(".my-button").hide();

我不知道什么是更好的实现方式...

编辑:

关于这个问题有一个 JsFiddle:

http://jsfiddle.net/bDLnN/

Answer 1

一种方法是只使用 attr()覆盖它。

以下应该有效:

$('.my-button').attr('style', 'display: none !important')