是否可以使用jquery删除内联样式的display：none？

Question

我在我的网站上使用了jquery标签。我刚刚为我正在使用的地图安装了一个新的jquery插件（平滑缩放），但它并没有进行重复分析。我查看了firebug，它创建了一个内联样式的显示：none。

我已尝试使用以下功能删除显示样式，但它无效

$(document).ready(function(){
    $("#tabs-4").css('display', '');
});

有没有办法可以使用jquery从这个元素中完全删除所有内联样式？

Answer 1

尝试使用.removeAttr()：

$(document).ready(function(){
    $("#tabs-4").removeAttr('style');
});

如果在doc ready上没有，那么您可以尝试使用window load：

$(window).load(function(){
   $("#tabs-4").removeAttr('style');
});

Answer 2

代码应该更改display属性而不是删除它。您可能需要将block更改为所需的属性值。

$(document).ready(function(){
    $("#tabs-4").css('display', 'block');
});

Answer 3

这将清除所有内联样式。

$("#tabs-4").attr("style", "");

Answer 4

如果您希望元素上的所有内联css都消失，请尝试删除整个样式属性。我创造了一个小提琴，看看。

http://jsfiddle.net/TfUhU/

$("document").ready(function(){
    $("#demo").attr("style", "");
});

Answer 5

链接将是单击时显示div的触发器。所以你的Javascript将是：

$('.trigger').click(function() {
   $('.news').toggle();
});