Are jQuery utility functions preferable to ordinary function definitions?

Question

This jQuery course recommends defining your own jQuery utility functions as a good way to organise your code.

But it doesn't really explain why. So, why is writing code like:

$.highlightResults = function(seats) {
  // 
}
$.highlightResults('/.seating-chart a');

preferable to simply:

function highlightResults(seats) { 
 //
}
highlightResults('/.seating-chart a');

Is the course wrong, or is there a good reason to write it this way?

To not clutter the global "namespace". – Rob W Dec 26 '11 at 18:35 — Rob W, Dec 26 '11 at 18:35

score 2 · Accepted Answer · edited May 23 '17 at 10:08

$ is a jQuery function object or alias of jQuery.(More precisely jQuery function and every function in javascript is an object). see What is the meaning of symbol $ in jQuery?

 $.highlightResults => highlightResults is a property of jQuery object.

While defining any function as a property of jQuery function object, you can access jQuery function object and all associated properties/functions of jQuery by 'this' inside your function.

Take a simple example.

$.property1 ='a';
$.property2 ='b';
$.highlightResults = function(){
                                 var concat = this.property1 + this.property2;
                               };

It's all about code organization and behavior.

While if you define

function highlightResults(){xyxyxy;}

it's not a property of jQuery function object and sits in GLOBAL space

Isn't $ the jQuery function? Of course it's a Function object, but "jQuery object" sounds like "jQuery wrapper instance". — Bergi, Dec 26 '11 at 18:59

Are jQuery utility functions preferable to ordinary function definitions?

1 Answers1