Я хочу скрыть определенный класс 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(); });
$(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'); });