Apply a function to a variable

Question

I've searched this here, and I found a few answers but none of them worked for me.

As told in the title, I want to apply a function to a variable.

This is what I have:

var someVar = $('.class');

function runFunction() {
    someVar.css( ... styles here ... );
}

someVar.runFunction();

It only works if I replace 'someVar.runFunction();' with 'runFunction();'.

Your help will be appreciated :)

Answer 1

If you want to set it on jQuery element, you need to use:

$.fn.runFunction = function() {
    return this.css( ... styles here ... );
}

--DEMO--

Answer 2

Try this

$.fn.greenify = function() {
    this.css( "color", "green" );
};

$( "a" ).greenify(); 

Answer 3

You might be looking for bind().

Check this similar discussion: Add jQuery function to specific elements

Answer 4

I think what you want is to use the function with a parameter, try something like this:

var someVar = $('.class');

function runFunction( element ) {
    element.css( ... styles here ... );
}

runFunction( someVar );