更改HTML中的CSS

我必須將display: none;更改爲display: block。我有麻煩，我無法得到它的工作..更改HTML中的CSS

我要改變這一點：

.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方法訪問此文件來更改它們的值？

我該怎麼做？

來源

2015-08-17 JCoding

$（'＃footer'）。hide（）;爲什麼不jQuery？ – imGaurav

你是什麼意思爲什麼不是JQuery？我試着用JQuery ..大聲笑 – JCoding

基本上，內聯樣式將比ID選擇器更具優先權。所以你的代碼也應該可以工作。我不確定你在破解陶器方面做了什麼來使這段代碼無法正常工作。請參考這個樣品小提琴。 http://jsfiddle.net/hxwx2g97/它也和你的情況一樣。 –

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

或

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

或

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

對於類你可以把它作爲：

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

來源

2015-08-17 07:31:24

但是這是我真正想要的嗎？爲什麼我的代碼不工作？ – JCoding

你能分享你的全部代碼嗎？ –

我不認爲你必須將它作爲.colorbox #content傳遞。直接嘗試它作爲$（'＃content'）.css（「display」，「block」）; –

你可以做到這一點許多方面。下面是四個簡單方式：

通過僅使用jQuery的：

$("#footer").hide();

在CSS添加一個類名稱，然後使用addClass與jQuery 。

CSS：

.force_hide{ 
    display: none !important; 
}

的jQuery：

$("#footer").addClass('force_hide');

使用style代替css：

$("#footer").style('display', 'none', 'important');

如果你想使用css然後使用它像以下：

$("#footer").css("cssText", "display: none !important;");

來源

2015-08-17 07:33:48

爲什麼OP的代碼無法正常工作？：| –

@RajaprabhuAravindasamy我不明白你的問題。你能多描述一下嗎？ –

儘管OP的代碼是一種有瑕疵的代碼，但它仍然需要工作。他的代碼沒有錯誤/沒有錯誤。那爲什麼它不工作？添加班級並不能解決他的問題。如果他的代碼不起作用，那麼你的工作也不會在他的環境中工作。 –

如果您#footer的有風格顯示：沒有，不是使用：

$（「#footer的」）的.css（「顯示」，「塊」）

，並刪除重要的標記FR om css以及。

來源

2015-08-17 07:49:03

更改HTML中的CSS

回答

相關問題