Translate topic: Manipulation

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> элементов в массив
+});
+
+
 ```