Должны ли мы обернуть jquery-код $ (document) .ready (function () {во внешние js также

Question

Когда мы пишем встроенный JavaScript, мы сохраняем код внутри

$(document).ready(function(){
   // Your code here
 });

и если я хочу вставить

code // Your code here

во внешнем файле .js, тогда я должен хранить код в этом

$(document).ready(function(){
       // Your code here
     });

или мы можем обойтись без этого

// Your code here

Answer 1

Вы должны хранить свой код внутри функции ready, только если вы работаете с DOM на этой странице. Эта функция выполняется, когда DOM полностью загружен.

Answer 2

Размещение вашего кода в -

$(document).ready(function(){
   // Your code here
 });

явно не требуется. Это просто простой способ убедиться, что ваш javascript будет работать после полной загрузки DOM. (Обратите внимание, что он не ожидает полной загрузки изображений.)

Если ваш файл загружается внизу страницы, вы можете избежать использования его. Но если вам нужен безопасный и простой способ убедиться, что DOM завершил загрузку, используйте его.

Этот ответ ...

jQuery: зачем использовать document.ready, если внешний JS внизу страницы?

дает хорошее объяснение.