jQuery document ready

jQuery: $(document).ready()

Вы не можете безопасно работать со страницей, пока она не окажется в состоянии ready, или другими словами – пока не будут созданы все элементы DOM. jQuery позволяет определять состояние ready. Любой javascript код, написанный внутри блока $(document).ready(), будет выполнен только один раз, после того, как страница окажется в состоянии ready. Как только все объекты DOM созданы, и страница оказалась в состоянии ready, вы можете делать различные спецэффекты – показывать или скрывать элементы, сразу же как пользователь впервые увидит страницу.

Пример блока $(document).ready():

$(document).ready(function() {
    console.log('ready!');
});

Существует также сокращение для $(document).ready(), которое вы, возможно, уже видели; однако я не рекомендую вам его использовать, т.к. с вашим кодом могут работать люди незнакомые с jQuery:

$(function() {
    console.log('ready!');
});

Также вы можете передавать именованную функцию в $(document).ready() вместо анонимной:

function myReadyFn() {
    // выполняется, когда страница в состоянии ready
}

$(document).ready(myReadyFn);

источник

Читайте также: