如何使用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删除样式效果？

回答

相关问题