Закрыть
Войти
Подождите...
Собирается информация...
Восстановить пароль
Логин или пароль введены не верно!
Подождите...
Идет авторизация.
Вход
Логин или пароль введены не верно!
Забыли пароль?
или войти через вконтакте

Типы действий с объектами

Открыть содержание
JavaScript

В прошлом уроке мы говорили о том, что после селектора можно написать точку и действие, которое мы хотим с ним выполнить. Давайте обобщенно поговорим о том, что можно делать с объектами. 

1) Получать данные

К примеру, у вас на странице есть <input> и вам необходимо в JavaScript получить его значение. Для этого пишем следующую конструкцию: 

var value=$('input').val();

Для чего это можно использовать? Самое простое - калькулятор. У вас есть поле, куда вы заносите цифры, которые надо сложить/вычесть/умножить/поделить, а потом javascript-ом забираете эти значение и получаете соответствующие данные. 

2) Изменять данные 

Продолжим работать с input и value. Теперь попробуем занести в input свои данные через js. 

$('input').val('Мои данные');

Если выполнить этот код, то на странице значение этого input-а изменится. К примеру, вы в калькуляторе получили ответ от сложения цифр и хотите вывести его пользователю, тогда вам и пригодится этот метод. 

3) Манипуляции с объектами

Сюда относятся разного рода манипуляции с объектами на странице или строками, переменными, массивами и так далее. 

Например, анимация:

$('.object').animate({'marginLeft':'200px'},300);

Этот код передвинет объект вправо в течение 300 миллисекунд на 200px за счет того, что у него изменится margin-left. 

4) Обрабатывать события

Событие - это какое-то действие со стороны пользователя с объектом на странице. 

Это могут быть клик мышкой, ввод данных с клавиатуры, изменение данных в input и многое другое. Посмотрим как отследить клик по объекту: 

$('.object').click(function(){
  alert('Привет! Я объект! Ты кликнул по мне!');
});

Теперь при клике на объект выведется сообщение, указанное в коде. 


Вот в двух словам мы разобрались что можно делать с объектами, далее будем разбираться уже более детально и конкретнее с каждым пунктом. 

Предыдущий урок Следующий урок
Политика конфиденциальности   Пользовательское соглашение