метод jQuery on()

События jQuery

метод on() добавляет один или несколько обработчиков событий к выбранному элементу и его подэлементам.

это также добавляет функцию, которая должна быть выполнена при возникновении события.

чтобы удалить обработчик события, используйтеoff()метод.

чтобы добавить событие, которое выполняется один раз и затем удаляется, используйтеone()метод.

грамматика:

$\(selector)\.on(event,　childSelector,　data,　function)

пример

добавьте событие click ко всем элементам <p>:

$\("p\")\.on("click",　function(){
　　$\(this)\.css("background-color",　"coral");
});

добавьте событие mouseenter ко всем элементам <p>:

$\("p\")\.on("mouseenter",　function(){
　　$\(this)\.css("background-color",　"coral");
});

добавьте несколько обработчиков событий к элементу <div>:

$\("div\")\.on("mouseenter　mouseleave　click",　function(){
　　$\(this)\.text(Math\.random());
});

передайте данные функции：

$("document").ready(function(){
　　$\("p\")\.on("click",　{msg:　"ты только что кликнул на меня!!!"},　showMsg)
});
function　showMsg(event)　{
　　$\(this)\append(event.data.msg);
});

ИспользованиеchildSelectorПараметр добавляет событие click ко всем элементам <p>:

$("document").ready(function(){
　　$("body").on("click", "p", changeSize);
});

Удалите с элемента <div> событие mousemove:

$("button").click(function(){
　　$("div").off("mousemove");
});

Значение параметра

События jQuery