SiteIS

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

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

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

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

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

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

Выбор по названию тэга

  • Задача 1:

    - выбрать все элементы span на странице и элементы обрамить их черной однопиксельной рамкой.

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

    • Решение:

      $(function () {
	$('span').css('border','1px solid #000000');
});

      Пояснение:

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

      Результат:

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

  • Задача 2:

    - поменять фоновый цвет всей страницы на #d1f2a1.

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

    • Решение:

      $(function () {
	$('body').css('background','#d1f2a1');
});

      Пояснение:

      Для решения задачи с помощью селектора $('body') обращаемся к элементу страницы body и с помощью метода jQuery .css(); изменим фоновый цвет.

      Результат:

      При загрузке страницы, ее фоновый цвет изменится на салатовый.

Автор: Super User