jQuery функция ready()

Раздел: Подключение jQuery

Описание: Определяет функцию, которая должна выполниться когда документ полностью загружен.

Обработчик переданный в .ready() гарантированно будет выполнен после того как DOM готов

При использовании сценариев, которые зависят от значений свойств CSS, очень важно указать ссылки на внешние таблицы стилей или вставить элементы стиля до ссылки на скрипты.

Инициализация метода:

Анонимная функция

javascript:
$(document).ready(function() {
  // Документ загружен
});
javascript:
(function(){
 // Документ загружен
})();

Псевдоним имени jQuery Когда используется другая библиотека JavaScript

javascript:
jQuery(document).ready(function($) {
   // Документ загружен
});

javascript:
jQuery(function($) {
  // Документ загружен
});

Или сокращенно, если не используетя другая библиотека JavaScript

javascript:
 $(function() {
   // Документ загружен
}); 
 

Полный код:

html:
<html>
<head>
<script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script >
</head>
<body>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
   // Документ загружен
});
</script >
</body>
</html>