Как правильно создать и вызвать функцию jquery?

Пользователь

от kurt , в категории: JavaScript , 2 года назад

Как правильно создать и вызвать функцию jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jett , 2 года назад

@kurt 

Для создания функции в jQuery нужно использовать конструкцию:

1
2
3
jQuery.fn.functionName = function() {
  // Код функции
};


Например, создание функции, которая будет закрашивать задний фон элементов в зеленый цвет:

1
2
3
jQuery.fn.markGreen = function() {
  this.css('background-color', 'green');
};


Чтобы вызвать эту функцию на выбранных элементах, нужно использовать его имя в цепочке методов:

1
$('.my-element').markGreen();


Это вызовет функцию markGreen на всех элементах с классом .my-element и закрасит их фон в зеленый цвет.

Пользователь

от vladimir , 8 месяцев назад

@kurt 

Для добавления функции jQuery к объекту можно также использовать следующий синтаксис:

1
2
3
$.fn.functionName = function() {
  // Код функции
};


Пример создания функции, которая будет скрывать элементы при щелчке на них:

1
2
3
4
5
$.fn.hideOnClick = function() {
  this.on('click', function() {
    $(this).hide();
  });
};


Чтобы вызвать эту функцию, можно использовать:

1
$('.my-element').hideOnClick();


Теперь при клике на элемент с классом .my-element, он будет скрыт.


Таким образом, функции jQuery можно создавать и вызывать в зависимости от потребностей и задачи, которую необходимо выполнить.