Скрыть div с определенным классом во время загрузки страницы, а затем показать снова после загрузки

Я хочу скрыть определенный класс div во время загрузки страницы. Структура …

<div id ="container"> <div class="project-item tv"></div> <div class="project-item radio"></div> <div class="project-item radio"></div> <div class="project-item tv"></div> </div> 

Например, я хочу скрыть DIV с помощью класса radio во время загрузки страницы, а затем снова показать их после загрузки. Благодарю.

Сначала установите значение CSS для display:none

Затем в файле Javascript решение jQuery будет использовать:

 $(document).ready(function() { $("#yourdivid").show(); }); 

$(document).ready() гарантирует, что весь DOM будет загружен до того, как код внутри функции будет выполнен

Использовать CSS

скрыть div с помощью css

 div.radio { display:none; } 

JS

Показать div с классом радио на DOM ready

 $(document).ready(function () { $('div.radio').show(); }); 


Показать div с классом радио при загрузке

 $(window).load(function () { $('div.radio').show(); }); 

Прочтите В чем разница между $ (window) .load и $ (document) .ready?

 <style> div .radio {display:none;} </style> <div id ="container"> <div class="project-item tv"></div> <div class="project-item radio"></div> <div class="project-item radio"></div> <div class="project-item tv"></div> </div> 

в JS

 $().ready(function() {$("div .radio").css("display":"block")}); 

CSS:

 .hidden { display: none; } 

HTML:

 <div id="blah" class="hidden"><!-- content --></div> 

Jquery:

 $(function () { $('#blah').removeClass('hidden'); });