<MyRusakov.ru />

Программирование на Python с Нуля до Гуру

Программирование на Python с Нуля до Гуру

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

К курсу прилагается множество упражнений и все исходники из уроков.

Наконец, Вы получите ещё несколько бонусов: "Создание калькулятора на Python", "Создание игры на Python" и "Правильная работа со справочником".

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

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

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

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

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

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

Манипуляции с атрибутами в jQuery

Манипуляции с атрибутами в jQuery

Метод attr() получает или устанавливает значение атрибута элемента на странице. Если элемент не имеет такого атрибута, то возвращается значение undefined.

Получить значение атрибута в jQuery

Получение значения атрибута style у всех элементов, найденных селектором "p".

$(function () {
  var style = $("p").attr("style");
});
<p style="color: grey; font-weight: bold;">
Получение значения атрибута style
</p>

Манипуляции с атрибутами в jQuery.

Добавить атрибут в jQuery

Метод attr("имя_атрибута","значение") умеет добавлять новые атрибуты элементам. Установим значения атрибута "class" у всех параграфов, независимо от того, имеет ли параграф класс .oneClass.

$(function () {
  $("p").attr("class", "oneClass");
});
.oneClass {
  color: purple;
}
<p>
Добавление нового атрибута
</p>
<p class="oneClass">
Добавление нового атрибута с классом
</p>
<p>
Добавление нового атрибута
</p>

Манипуляции с атрибутами в jQuery.

Удалить атрибут в jQuery

Метод removeAttr() - удаляет указаный атрибут элемента. Удаляет стили у всех параграфов "p".

Пример 1

$(function () {
  $("p").removeAttr("style");
});

Пример 2

Удаляет все стили у параграфов при событии клик.

$(document).ready(function(){
  $("button").click(function(){
  $("p").removeAttr("style");
  });
});

<p style="font-size:120%;color:red">Первый параграф.</p>
<p style="font-weight:bold;color:blue">Второй параграф.</p>
<button>Удалить все стили атрибута</button>

Манипуляции с атрибутами в jQuery.

Атрибуты input в jQuery

Метод val() - возвращает значение атрибута value у выбранного элемента формы.

$("button").click(function(){
  $("input:text").val("Александр Пушкин");
});
<p>Автор: <input type="text" name="user"></p>
<button>Записать в поле ввода</button>

Манипуляции с атрибутами в jQuery.

Добавить класс к элементу в jQuery

Метод addClass() - добавляет класс к указанным элементам страницы и не заменяет уже существующие.

$(function () {
  $("#one").addClass("orange");
  $("#two").addClass("red");
  $("#three").addClass("teal");
});

<style>
.orange {
  color: orange;
}
.red {
  color: red;
}
.teal {
  color: teal;
}
</style>

<p id="one">
Оранжевый текст
</p>
<p id="two">
Красный текст
</p>
<p id="three">
Голубой текст
</p>

Манипуляции с атрибутами в jQuery.

Метод removeClass() - удаляет выбранные классы у элементов на странице.

$(function () {
  $(".one").removeClass("orange");
});

Переключатель классов на jQuery

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

$(function () {
  $("#toggle").on("click", toggle);
  function toggle() {
  $("p").toggleClass("classOn");
}
});

<style>
.classOn {
  color: green;
}
</style>

<p class="classOn">
Удаляет класс
</p>
<p>
Добавляет класс
</p>
<input type="button" value="Toggle" id="toggle"/>

Манипуляции с атрибутами в jQuery.

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

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

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

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

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

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

  1. Кнопка:

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

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

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

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

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

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