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

Question

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

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

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

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

Answer 1

嘗試像

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

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

使用編號：

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

使用類：

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

Answer 2

您更好地分配一些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(); 

Answer 3

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

應該給一個ID，DIV

另一種方法是

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

Answer 4

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

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

然後jQ uery

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

Answer 5

的jQuery爲此提供快捷：

$('div').show(); 

Answer 6

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

$('div').show(); 

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

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

然後再顯示它是這樣的：

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

Answer 7

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

$("div").show(); 

：

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

可以做到這一點

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

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

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

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

Answer 8

要刪除樣式效果：

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

從jQuery的文檔：

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

See doc