Это различные типы функций Document Ready, обычно используемые в jQuery (также называемые jQuery DOM Ready). Многие разработчики, кажется, используют их, не зная почему. Поэтому я постараюсь объяснить, почему вы можете выбрать одну версию из другой. Думайте о функции готовности документа как о самовыполняющейся функции, которая срабатывает после загрузки элементов страницы.
Посмотрите, где объявить ваши функции jQuery для получения дополнительной информации о том, как использовать функции готовности документа.
Документ готовый пример 1
$(document).ready(function() { //do jQuery stuff when DOM is ready });
Документ готовый пример 2
$(function(){ //jQuery code here });
Это эквивалентно примеру 1 … они буквально означают одно и то же.
Документ готовый пример 3
jQuery(document).ready(function($) { //do jQuery stuff when DOM is ready });
Добавление jQuery может помочь предотвратить конфликты с другими платформами JS.
Почему происходят конфликты?
Конфликты обычно происходят из-за того, что многие библиотеки / фреймворки JavaScript используют один и тот же ярлык
имя, которое является символом доллара $. Затем, если они имеют одинаковые именованные функции, браузер получает
смущенный!
Как мы можем предотвратить конфликты?
Ну, чтобы предотвратить конфликты, я рекомендую наложить псевдоним на пространство имен jQuery (то есть, используя пример 3 выше).
Затем, когда вы вызываете $ .noConflict (), чтобы избежать трудностей с пространством имен (так как ярлык $ больше не доступен)
мы заставляем его писать jQuery каждый раз, когда это требуется.
jQuery.noConflict(); // Reverts '$' variable back to other JS libraries jQuery(document).ready( function(){ //do jQuery stuff when DOM is ready with no conflicts }); //or the self executing function way jQuery.noConflict(); (function($) { // code using $ as alias to jQuery })(jQuery);
Документ готовый пример 4
(function($) { // code using $ as alias to jQuery $(function() { // more code using $ as alias to jQuery }); })(jQuery); // other code using $ as an alias to the other library
Таким образом, вы можете встроить функцию внутри функции, которая использует $ как псевдоним jQuery.
Документ готовый пример 5
$(window).load(function(){ //initialize after images are loaded });
Иногда вы хотите манипулировать изображениями, и с помощью $ (document) .ready () вы не сможете этого сделать.
если у посетителя нет загруженного изображения. В этом случае вам нужно инициализировать
Функция выравнивания jQuery, когда изображение завершает загрузку.
Вы также можете использовать простой JavaScript и добавить функцию, вызывающую тег body в html, используйте это, только если вы не используете JS framework.
Узнайте больше: http://api.jquery.com/ready/