如何使用javascript或jquery刪除樣式效果？

如何使用jQuery或JavaScript刪除樣式以顯示div元素？如何使用javascript或jquery刪除樣式效果？

<div style="display: none">display something </div>

如果您知道，請與我分享。由於

PS：之前，我曾嘗試與jquery.show（），但效果是一個很大的空白那邊

來源

2013-08-19 andyqee

嘗試像

$('div').css('display','block');

更好的你給一個class或id到具體的股利和嘗試像

使用編號：

$('#div_id').css('display','block');

使用類：

$('.div_class').css('display','block');

來源

2013-08-19 11:33:27 Gautam3164

您更好地分配一些id您div來使其獨特，並保持高達所需元素的變化。您可以使用style屬性的javascript DOM對象來訪問顯示或其他子屬性。

<div style="display: none" id="id" >display something </div>

使用JavaScript

document.getElementById('id').style.display = 'block';

使用jQuery，您可以使用id選擇

$('#id').css('display','block');

如果你只是想改變顯示屬性，你可以使用顯示/隱藏方法代替。

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

來源

2013-08-19 11:33:40 Adil

+1原生解決方案。 –

document.getElementById('id of the div').style.display = 'block';

應該給一個ID，DIV

另一種方法是

$('div').css('display','block');

來源

2013-08-19 11:33:42

首先你需要確定div爲給DIV一個ID或類屬性

<div style="display: none" id="mydiv">display something </div>

然後jQ uery

jQuery(function($){ 
    $('#mydiv').show() 
})

來源

2013-08-19 11:34:13

謝謝，我之前已經綁定了這個方法，但它在那裏變成了空白。 – andyqee

@andyqee這應該寫在DOM準備處理程序 –

的jQuery爲此提供快捷：

$('div').show();

來源

2013-08-19 11:34:26 rgtk

您可以使用jQuery的show方法表現出來，像這樣：

$('div').show();

這將顯示在網頁上的所有div小號。如果你想只顯示這個特定的DIV，你可以給它一個id，就像這樣：

<div style="display: none" id="myDiv">display something </div>

然後再顯示它是這樣的：

$('#myDiv').show();

來源

2013-08-19 11:35:02

謝謝，我已經把這種方法綁在一起，但它在那裏變成了一個空白。 – andyqee

如果你只是想顯示DIV你如果你想刪除的樣式標籤完全

$("div").show();

：

$("div").removeAttr("style");

可以做到這一點

注：Id建議給你的div一個id或class，否則以上兩個選項中的任何一個都會將它用於所有div，而不僅僅是這一個。

如：<div id="myDiv" style="display: none">display something </div>

那麼你會改變該div liek這樣的：

$("#myDiv").show();

來源

2013-08-19 11:36:18 azzy81

要刪除樣式效果：

$('div').css('display','');

從jQuery的文檔：

$（「#mydiv」）.css（「color」，「」） - 如果已經直接應用該元素，則將該元素從元素中移除。

See doc

來源

2013-08-19 11:38:13 Damien

如何使用javascript或jquery刪除樣式效果？

回答

相關問題