English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery one() метод

События jQuery

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

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

Этот метод называется one, потому что любой обработчик событий, добавленный к этому методу, будет запускаться для каждого элементабудет выполняться только один раз.

Синтаксис:

$(selector).one(event, data, function)

Пример

Добавить событие click ко всем элементам <p> (событие будет инициироваться только один раз для каждого элемента):

$("p").one("click", function() {
  $(this).animate({fontSize: "+=5px"});
});
Тестировать, чтобы увидеть‹/›

Показать различия между методами one() и on():

$(document).ready(function() {
  $("#para-1").one("click", myFunc);
  $("#para-2").on("click", myFunc);
});
Тестировать, чтобы увидеть‹/›

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

$("p").one("click dblclick", function() {
  $(this).animate({fontSize: "+=5px"});
});
Тестировать, чтобы увидеть‹/›

Передача данных функции:

$(document).ready(function() {
  $("p").one("click", {msg: "Вы только что кликнули на меня!!!"}, showMsg)
});
function showMsg(event) {
  $(this).append(event.data.msg);
});
Тестировать, чтобы увидеть‹/›

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

ПараметрыОписание
eventУкажите один или несколько событий, разделенных пробелом
data(Опционально) Укажите другие данные, которые нужно передать функции
Примечание:Если заданДанныеПараметры предоставляются методу one(), и при вызове события они передаются вevent.dataОбработчик в свойстве.
functionФункция, выполняемая при вызове события

События jQuery