SiteIS

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

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

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

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

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

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

  • Задача 1:

    - отобрать третий элемент li в списке и изменить цвет его шрифта на #00cc00.

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

      $(function () {
      	$("li:eq(2)").css('color', '#00cc00');
      });
      

      Пояснение:

      Для решения задачи с помощью селектора $("li:eq(2)") обращаемся к третьему элементу li списка и изменяем цвет его шрифта.

      Результат:

      При загрузке страницы, к которой подключен скрипт, у третьего элемента li изменится цвет шрифта.

  • Задача 2:

    - изменить цвет шрифта у всех ячеек первой строки таблицы на #00cc00.

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

      $(function () {
      	$("tr:eq(0)").css('color', '#00cc00');
      });
      

      Пояснение:

      Для решения задачи с помощью селектора $("tr:eq(0)") обращаемся к первой строке таблицы и меняем для всех, содержащихся в ней элементов, цвет шрифта.

      Результат:

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

  • Задача 3:

    - изменить цвет фона у пятой ячейки таблицы на #00cc00.

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

      $(function () {
      	$("td:eq(4)").css('background', '#00cc00');
      });
      

      Пояснение:

      Для решения задачи с помощью селектора $("td:eq(4)") обращаемся к пятой ячейке таблицы и меняем цвет фона.

      Результат:

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

Автор: Super User