From df78ed16d458989986eac7d0d2ee71e531f9c505 Mon Sep 17 00:00:00 2001
From: Ev Bogdanov <evbogdanov.com@gmail.com>
Date: Fri, 31 Aug 2018 01:38:51 +0300
Subject: Translate topic: Manipulation

---
 ru-ru/jquery-ru.html.markdown | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

(limited to 'ru-ru/jquery-ru.html.markdown')

diff --git a/ru-ru/jquery-ru.html.markdown b/ru-ru/jquery-ru.html.markdown
index 47571589..54c91bf5 100644
--- a/ru-ru/jquery-ru.html.markdown
+++ b/ru-ru/jquery-ru.html.markdown
@@ -43,7 +43,7 @@ function onAction() {
 }
 $('#btn').click(onAction); // Обработчик события сработает при клике
 
-// Другие распространенные события:
+// Другие распространённые события:
 $('#btn').dblclick(onAction); // Двойной клик
 $('#btn').hover(onAction); // Наведение курсора
 $('#btn').focus(onAction); // Фокус
@@ -99,4 +99,28 @@ tables.fadeTo(2000, 0.1, myFunction); // Прозрачность меняетс
 // Метод 'animate' позволяет делать более продвинутую анимацию
 tables.animate({"margin-top": "+=50", height: "100px"}, 500, myFunction);
 
+
+///////////////////////////////////
+// 3. Манипуляции
+
+// Манипуляции похожи на эффекты, но позволяют добиться большего
+$('div').addClass('taming-slim-20'); // Добавить класс 'taming-slim-20' ко всем <div> элементам
+
+// Часто встречающиеся методы манипуляций
+$('p').append('Hello world'); // Добавить в конец элемента
+$('p').attr('class'); // Получить атрибут
+$('p').attr('class', 'content'); // Установить атрибут
+$('p').hasClass('taming-slim-20'); // Проверить наличие класса
+$('p').height(); // Получить или установить высоту элемента
+
+// Во многих этих методах получение информации вернёт значение ТОЛЬКО для первого элемента
+$('p').height(); // Получить высоту только для первого <p> элемента
+
+// Метод 'each' позволяет пройтись по всем выбранным элементам
+var heights = [];
+$('p').each(function() {
+  heights.push($(this).height()); // Добавить высоту всех <p> элементов в массив
+});
+
+
 ```
-- 
cgit v1.2.3