Change()

Устанавливает обработчик изменения заданного элемента формы, либо, запускает это событие. Метод имеет три варианта использования:

.change(handler(eventObject))

Устанавливает функцию handler в качестве обработчика события change, на выбранные элементы.
Метод является аналогом bind("change", handler(eventObject)).

handler(eventObject) — функция, которая будет установлена в качестве обработчика. При вызове она будет получать объект события eventObject.

.change(eventData, handler(eventObject))

Метод отличается от предыдущего возможностью передавать в обработчик дополнительные данные.
Является аналогом bind("change", eventData, handler(eventObject)).

handler(eventObject) — см. выше.
eventData — дополнительные данные, передаваемые в обработчик. Они должны быть представлены объектом в формате: {fName1:value1, fName2:value2, ...}.

.change()

Вызывает событие change, у выбранных элементов страницы. Метод является аналогом trigger("change").

Убрать установленный обработчик можно с помощью метода unbind().

Все три варианта использования метода, являются аналогами других методов (см. выше), поэтому все подробности использования change(), можно найти в описании этих методов.

Напомним, что событие change происходит не непосредственно в момент изменения, а только при потери фокуса измененного элемента формы.

// установим обработчик события change, элементу с идентификатором foo

$('#foo').change(function(){

alert('Элемент foo был изменен.');

});

// вызовим событие change на элементе foo

$('#foo').change();

// установим еще один обработчик события change, на этот раз элементам

// с классом block. В обработчик передадим дополнительные данные

$('.block').change({a:12, b:"abc"}, function(eventObject){

var externalData = "a=" + eventObject.data.a + ", b=" + eventObject.data.b;

alert('Элемент с классом block был изменен. '+

'В обработчик этого события переданы данные: ' + externalData );

});

_____________________________________________________________________________________