<MyRusakov.ru />

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

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

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

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

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

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

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

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

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

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

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

Как получить селектор в jQuery

Как получить селектор в jQuery

Библиотека jQuery, сильно упрощает веб-разработчику жизнь, предоставляя простой и кроссбраузерный инструмент для манипуляций с содержимым веб-сайтов. Однако, чтобы суметь воспользоваться этим кладом, необходимо приложить минимум усилий и изучить простейшие функции и методы в jQuery.

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

В разделе api.jquery.com, можно ознакомиться с описанием всех функций. На этом уроке, мы подробнее остановимся на наиболее простых и часто используемых функциях jQuery. Вы сразу заметите, насколько сильно сократится количество строчек кода, по сравнению с JavaScript.

Запись любой функции или переменной в jQuery начинается со знака $.

У нас есть параграф. Как мы к нему обратились бы через JavaScript?

<p>JQuery - write less, do more.<p>

Мы написали бы так:

var paragraph = document.getElementsByTagName("p");

Теперь посмотрите, как просто получить параграф в jQuery, в кавычках мы просто указываем нужный тег:

$("p");

Метод ready()

Хорошей практикой – является написание кода, внутри метода ready, так мы перестраховываемся от ситуации, когда страница ещё целиком не загрузилась, а jQuery код, уже начал выполняться и возникла ошибка.

$(document).ready(function () {
  alert('Все элементы страницы загружены, можно начинать!');
});

Метод css();

Назначает селекторам/тегам какие-то CSS свойства.

Селектор *

Всем элементам $("*") на странице зададим курсивное начертание текста, где css("имя CSS-свойства","значение").

$(document).ready(function () {
  $("*").css("font-style", "italic");
});

HTML –код


<p>Параграф</p>
  <ul>
    <li>Пункт 1</li>
    <li>Пункт 2</li>
    <li>Пункт 3</li>
    <li>Пункт 4</li>
  </ul>

Результат

Как получить селектор в jQuery.

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

Для всех параграфов на странице СSS свойству color установлено значения cyan.

$(document).ready(function () {
  $("p").css("color", "cyan");
});

Результат

Как получить селектор в jQuery.

Несколько селекторов

Содержимое тегов "p" и "ul" на странице, изменило цвет на коричневый.

$(document).ready(function () {
  $("p,ul").css("color", "brown");
});

Результат

Как получить селектор в jQuery.

Вложенные селекторы

Выбрать все параграфы, вложенные в тег "div".

$(document).ready(function () {
  $("div p").css("color", "red");
});

HTML-код


<div>
  <p>Вложенный параграф в тег div</p>
</div>

Результат

Как получить селектор в jQuery.

Селектор по имени класса

Выбор всех элементов "p" с именем класса "green".

$(document).ready(function () {
  $("p.green").css("color", "green");
});

<p>Простой параграф.</p>
<p class="green">Параграф с классом.</p>

Как получить селектор в jQuery.

Селектор по идентификатору

Выбор всех элементов "p" с идентификатором "green".

$(document).ready(function () {
  $("p#green").css("color", "green");
});

<p>Простой параграф.</p>
<p id="green">Параграф с классом.</p>

Селектор по атрибуту

Выбор всех элементов "a", с атрибутом "target", имеющим любое значение.

$(document).ready(function () {
  $("a[target]").css("color", "blue");
});

<a href="https://jquery.com/">Выборка по атрибуту</a><br />
<a href="https://jquery.com/" target="_blank">Выборка по атрибуту</a>

Как получить селектор в jQuery.

Как видите, к счастью библиотека JQuery, проста в понимании, но без должной практики, только теория, быстро выветрится. Советую вам для практического закрепления, пройти мой видеокурс.

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

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

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

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

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

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

  1. Кнопка:

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

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

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

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

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

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