0

如何使用 jQuery 或 JavaScript 删除样式以显示div元素？

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

如果你知道，请与我分享。谢谢

PS：之前，我用jquery.show()试过了，但是效果那边是个大空白

4

8 回答 8

2

试试喜欢

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

最好给特定的 div 一个classorid并尝试喜欢

使用 ID：

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

使用类：

$('.div_class').css('display','block');
于 2013-08-19T11:33:27.257 回答
1

您最好将一些分配id给您的 div 以使其独一无二并保持对所需元素的更改。您可以使用stylejavascriptDOM对象的属性来访问 display 或其他子属性。

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

使用 javascript

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

使用 JQuery，您可以使用 id 选择器

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

如果您只想更改显示属性，则可以改用 show / hide 方法。

$('#id').show();
于 2013-08-19T11:33:40.130 回答
0 
document.getElementById('id of the div').style.display = 'block';

应该给 div 一个 ID

另一种方法是

$('div').css('display','block');
于 2013-08-19T11:33:42.170 回答
0

要删除样式效果：

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

来自 jQuery 文档：

$( "#mydiv" ).css( "color", "" ) — 如果该属性已被直接应用，则从元素中删除该属性。

见文档

于 2013-08-19T11:38:13.733 回答
0

首先，您需要确定div为 div 提供 ID 或类属性的

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

然后是 jQuery

jQuery(function($){
    $('#mydiv').show()
})
于 2013-08-19T11:34:13.270 回答
0

jQuery为此提供了快捷方式：

$('div').show();
于 2013-08-19T11:34:26.757 回答
0

您可以使用 jQueryshow方法显示它，如下所示：

$('div').show();

这将显示div您页面上的所有 s。如果你只想显示这个特定的 div，你可以给它一个 id，像这样：

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

然后像这样显示它：

$('#myDiv').show();
于 2013-08-19T11:35:02.470 回答
0

如果你只想显示 div 你可以这样做：

$("div").show();

如果要完全删除样式标签：

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

注意：我建议给你的 div 一个 id 或 class，否则上述 2 个选项中的任何一个都会对所有 div 进行处理，而不仅仅是这个。

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

然后你会改变那个 div 谎言：

$("#myDiv").show();
于 2013-08-19T11:36:18.327 回答