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 回答