Продлить JQuery указанный объект с пользовательской функции

Question

С

$.fn.customFunction = function(){}; 

мы можем расширить весь Jquery и использовать его:

$('body').customFunction(); 

Можно ли продлить только указанный элемент, как:

var elem = $('#elem'); 
    elem.fn.customFunction = function(){}; 

elem.customFunction();  // function is called 
$('body').customFunction(); // this call should cause error 

Answer 1

Вы хотите, чтобы функция была доступна на этом одном объекте? Это достаточно легко:

Обратите внимание, что это будет работать только на этой функции. Это, к примеру, не будет работать:

$('#elem').customFunction(); 

Это происходит потому, что конструктор JQuery делает новый объект каждый раз, когда он запускается; он не повторно использует объекты.

Answer 2

var elem = $('#elem'); 
elem.customFunction = function(){}; 

Удалить fn.

Это также может быть использован в нормальных элементов (или любого другого объекта, по этому вопросу):

var elem = document.getElementById('elem') 
elem.customFunction = function(){}