• Страница 1 из 1
  • 1
Модератор форума: webik  
Форум » JavaScript и jQuery » jQuery » Знакомство с jQuery » Начало работы с jQuery (Или с чего начать)
Начало работы с jQuery
ABCДата: Чт, 28.03.2019, 13:32 | Сообщение # 1
Offline
Библиотека jQuery представляет собой внешний файл с расширением .js, что говорит о том, что это файл скрипта.
Внешний означает, что файл подключается к страницам сайта с помощью ссылки, например так:

Код
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jQuery-1.6.3.min.js"></script>


А где находится этот самый внешний файл библиотеки? Откуда его взять, чтобы прикрепить на страницу моего сайта?

Вариантов несколько. Можно скачать файл библиотеки и залить его на свой сайт и после этого в ссылке указать к нему путь.
Допустим, у вас на сайте есть в корневом каталоге папка с именем js, в эту папку вы загрузили скачанный файл библиотеки jQuery с названием jquery-3.3.1.min.js, тогда подключить его на странице своего сайта можно просто прописав путь к этому файлу в заголовке страницы:

Код
<script src="js/jquery-3.3.1.min.js"></script>


Скачать библиотеку jQuery можно с официального сайта в разделе загрузок.

Другим вариантом подключения является использование хранящихся файлов библиотеки на серверах крупных известных ресурсов типа Google,Microsoft или самой jQuery.com.
Это называется метод подключения с помощью CDN(Content Distribution Network)

Для подключения на сайте рекомендуется использовать так называемую минимизированную версию файла, он гораздо меньше в размерах по сравнению с обычной версией и быстрее загружается.
Минимизированный файл имеет часть .min в имени файла.Например:

Код
jQuery-1.6.3.min.js


После того, как вы подключили на страницах своего сайта библиотеку jQuery,вы готовы её использовать.
В общем виде это выражается в добавлении второй пары тегов script и написания jQuery-кода между ними.
 
профиль цитата изменить удалить
ABCДата: Чт, 28.03.2019, 14:21 | Сообщение # 2
Offline
Функция $(document).ready()

Код
<script>
$(document).ready(function() {
// код программы
});
</script>


Функция $(document).ready()- это встроенная функция библиотеки jQuery.Эта функция ждёт, когда HTML-код вашей страницы полностью загрузится,и лишь после этого запускается скрипт.
Для чего это? Это нужно для того, чтобы у кода на JavaScript была возможность взаимодействовать с содержимым страницы, с её элементами, чтобы можно было их выбирать, манипулировать ими, но этого не произойдёт, пока браузер не загрузит HTML-код.

А так как браузер парень толковый и быстрый, то как только он обнаруживает JavaScript-код, тот тут же его пытается запустить,в результате чего может какое-то время не прогрузиться остальная часть веб-страницы.

Это вы можете пронаблюдать в действии здесь. Пока вы не ответите на все вопросы викторины, вы не увидите содержимого страницы.

На данном этапе нужно запомнить, что:

- нужно всегда включать функцию .ready()
- ваш код помещается здесь:

Код
<script>
$(document).ready(function() {
// ВАШ КОД ПОМЕЩАЕТСЯ ЗДЕСЬ
});
</script>


- есть упрощённый способ записи функции, при котором запись (document).ready можно опустить:

Код
<script>
$(function() {
// ВАШ КОД ПОМЕЩАЕТСЯ ЗДЕСЬ
});
</script>


- добавляйте комментарии в код для себя на первых порах:

Код
<script>
$(function() {
// ВАШ КОД ПОМЕЩАЕТСЯ ЗДЕСЬ
}); // окончание ready
</script>
 
профиль цитата изменить удалить
Форум » JavaScript и jQuery » jQuery » Знакомство с jQuery » Начало работы с jQuery (Или с чего начать)
  • Страница 1 из 1
  • 1
Поиск: