<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

Данный курс научит Вас создавать крупные проекты на Java грамотно и быстро. В курсе Вы увидите создание большой и сложной программы на Java абсолютно с нуля.

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

В рамках упражнений курса Вы параллельно со мной будете создавать свою большую программу на Java, что даст Вам необходимую практику, после которой для Вас уже не будет разницы, какого размера создавать программы.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Работа с библиотекой jQuery

Работа с библиотекой jQuery

В этой статье мы узнаем, что такое библиотека jQuery, как с ней работать и какое отношение она имеет к JavaScript. JQuery не является отдельным языком программирования - это всего лишь дополнение в функциональности JavaScript, существенно уменьшающее количество строчек кода. Она фокусируется на взаимодействии HTML/CSS и JavaScript.

Иными словами, вам не надо каждый раз "изобретать велосипед", в библиотеке jQuery уже созданы наиболее часто встречающиеся функции, которые в принципе можно применить к различным элементам сайта. Использование библиотеки JQuery прежде всего экономит время веб-разработчика и существенно сокращает код.

Библиотека jQuery позволяет получить доступ к любому элементу DOM и манипулировать ими.

Поиск информации по jQuery

Имеет ли смысл методично изучать всю библиотеку jQuery? Однозначно нет, даже если вы обладаете неограниченным запасом времени и терпения. Надо уметь искать нужную вам информацию. Эта гигантская библиотека содержит в себе множество уже созданных функций, эффектов и событий, которые нам могут никогда и не понадобиться.

Искать нужный вам код можно через поисковые системы или в онлайн справочниках:


http://jquery-docs.ru/

Просто вбиваете в поиск ключевое слово + jQuery и нужный вам код обязательно найдется.

Как подключить jQuery?

Открываете официальный сайт: jquery.com и тут у вас есть два варианта подключения. Первый вариант - скачать себе на компьютер последнюю сжатую версию jquery-3.3.1.min.js (меньше весит) и в HTML-файле указать путь до папки с файлом jQuery, в конце документа, перед закрывающимя тегом body.

<!doctype html>
<head>
<title></title>
<body>
<script src="js/3.3.1/jquery.min.js"></script>
</body>
</html>

Второй вариант - ничего не скачивать, а воспользоваться, например Google CDN, на самом деле подобных CDN-ссылок много. Вставляется данная ссылка через тег script, так же в конец HTML-файла.

<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</body>

Какой же вариант выбрать? Я обычно выбираю второй вариант, ведь пользователь пришедший на ваш сайт, уже возможно до вас посещал сайты с библиотекой JQuery на CDN (она очень популярна среди веб-разработчиков), следовательно браузер это дело закешировал и сразу отдает страницу из браузера, не тратя время на скачивание библиотеки.


Вызов функции jQuery

Одна из наиболее используемых функций jQuery - это $() или jQuery(). Через неё jQuery взаимодействует с тегами, классами, id, селекторами в HTML/CSS. В примере ниже идет привязка к классу button. Эта строка получает все элементы с классом button. Кавычки могут быть как двойные, так и одинарные.

$(".button")

В HTML-файле jQuery, как и JavaScript всегда пишется между тегами , во внешем js файле без этих тегов. В случае, если код пишется в начале страницы, то необходимо отслеживать событие "ready".

Функция будет выполнена тогда, когда DOM будет готов к событию "ready"

. $(document).ready(function()

В получение нужных элементов страницы заключается большая часть успешной работы с библиотекой jQuery. Создадим простую HTML структуру для выборки элементов.

<header>
<div>
    <h3 class="brand">Привет, мир!</h3>
</div>
</header>
<main>
    <p>Следуйте за мной.</p>
</main>
<footer>
    <p>©Copyright</p>
</footer>

Поиск элементов на странице

Ставим значок $, в круглых скобках и двойных кавычках выводим название класса .brand, событие имеет прямое отношение к стилям CSS, зададим ему синий цвет. Заголовок стал синего цвета. Поиск и замена цвета у тега h3 с классом .brand состоялись.

$(".brand").css("color", "blue")

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

$("div, p").css("color", "blue")

Найти тег внутри другого тега, чтобы изменить цвет текста:

$("div h3").css("color", "blue")

Найти тег внутри другого тега - альтернативный вариант:

$("div").find("h3").css("color", "blue")

Выбрать все элементы и заменить цвет.

$("*").css("color", "blue")

Верстальщику, который хочет развиваться, а значит и больше зарабатывать, вопрос изучения jQuery, JavaScript черезвычайно важен, мой видеокурс может вам реально помочь.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.