summaryrefslogtreecommitdiffhomepage
path: root/ru-ru/jquery-ru.html.markdown
diff options
context:
space:
mode:
authorEv Bogdanov <evbogdanov.com@gmail.com>2018-08-31 01:38:51 +0300
committerEv Bogdanov <evbogdanov.com@gmail.com>2018-08-31 01:38:51 +0300
commitdf78ed16d458989986eac7d0d2ee71e531f9c505 (patch)
treeec8e9d6d903017a2f493b3deaf8fc8df62efdbae /ru-ru/jquery-ru.html.markdown
parent656ef60a392e5d94000aa5ad5150bbc0ddac279c (diff)
Translate topic: Manipulation
Diffstat (limited to 'ru-ru/jquery-ru.html.markdown')
-rw-r--r--ru-ru/jquery-ru.html.markdown26
1 files changed, 25 insertions, 1 deletions
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> элементов в массив
+});
+
+
```