jquery - 更改 HTML 中的 CSS

Question

我必须将 display: none; 更改为 display: block。我遇到了麻烦，我无法让它工作..

我必须改变这个:

.colorbox #content,.colorbox #nav,.colorbox #header,
.colorbox #service,.colorbox #footer,
.colorbox #disclaimer{display:none}

使用 JQuery 到 display: block。

实际上我只需要在 ID #footer 中更改它。

我试过:

$('.colorbox #content,.colorbox #nav,.colorbox #header, .colorbox #service,.colorbox #footer, .colorbox #disclaimer').css('style', 'display: block !important');

或与:

$('.colorbox #content,.colorbox #nav,.colorbox #header,.colorbox #service,
 .colorbox #footer,.colorbox #disclaimer').css("display", "block !important");

或与:

$('#footer').css("display", "block !important");

我实际上是从外部网站加载一个 css 文件。(还有 HTML)是否有可能，我无法使用单个 JQuery 方法访问此文件以更改它们的值？

我怎样才能做到？

Answer 1

$("#id").css("display", "none");
$("#id").css("display", "block");

或

$('#id').hide();
$('#id').show();

或

$("#id").css({display: "none"});
$("#id").css({display: "block"});

对于类，您可以将其作为:

$(".class").css("display", "none");