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

@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 и закрасит их фон в зеленый цвет.

@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 можно создавать и вызывать в зависимости от потребностей и задачи, которую необходимо выполнить.