<MyRusakov.ru />

Создание приложений для Android с нуля

Создание приложений для Android с нуля

Данный курс научит Вас создавать приложения любой сложности для Android. Курс состоит из 16-ти разделов, из которых Вы узнаете, как создавать свои собственные приложения для Android.

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

Просмотрев данный курс и выполнив упражнения из него, Вы сможете создавать приложения любой сложности для самой популярной мобильной ОС в мире - Android.

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

Подписавшись по 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):

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