SiteIS

jQuery - безграничные возможности в дизайне Вашего сайта!

- Один из самых популярных на сегодня среди веб разработчиков фреймворк

- Позволяет быстро и легко создать потрясающие веб-приложения

- Удивительно красивые анимационные эффекты

- Улучшение пользовательского интерфейса

Главная / jQuery шпаргалки / Выборка элементов / Выборка по индексу, больше указанного

Выбор элемента по идентификатору

  • Задача 1:

    - выбрать элемент на странице, который имеет id element и изменить его цвет на #cc0000.

    Показать решение

    • Решение:

      $(function () {
	$('#element').css('color','#cc0000');
});

      Пояснение:

      Для решения задачи с помощью селектора $('#element') выбираем элемент с id element и с помощью метода jQuery .css(); меняем его цвет. Если элемент является блоком, внутри которого расположены дочерние элементы, содержащие текст, то их содержимое, независимо от уровня вложенности, тоже поменяет цвет. Если в документе встречается несколько элементов с id element, то цвет изменится только у содержимого элемента, расположенного в документе первым.

      Результат:

      При загрузке страницы, к которой подключен скрипт, у содержимого элемента (если это текст) с id element будет изменен первоначальный цвет на красный.

  • Задача 2:

    - выбрать элементы на странице, которые имеют id element и id block - изменить их фоновый цвет на #84dff2.

    Показать решение

    • Решение:

      $(function () {
	$('#element, #block').css('backgroundColor','#84dff2');
});

      Пояснение:

      Решение этой задачи аналогично решению предыдущей, с той лишь разницей, что для отбора нужных элементов используется селектор $('#element, #block') где через запятую перечисляются id требуемых элементов.

      Результат:

      При загрузке страницы, к которой подключен скрипт, у элементов с id element и block будет изменен фоновый цвет.

Автор: Super User