jQuery - object and function at same time?

Question

I'm just developing my own mini framework for an application I was working on, and I've been studying the jQuery is coded.

I get the way $(selector).function() works, but how come you can call some functions such as:

$.ajax()

Surely this would been the dollar symbol references both a function and the jquery.fn object at the same time?

Thanks in advance!

ThiefMaster · Accepted Answer · 2012-06-18 18:04:08Z

8

Functions are objects in JavaScript so they can have properties.

$ is the jQuery object, when using $() it is used as a constructor (it contains some magic so new is not necessary); but it also contains lots of methods (and some non-callable properties such as $.browser) available as $.something

answered Jun 18, 2012 at 18:04

ThiefMaster

320k85 gold badges608 silver badges648 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jleck Over a year ago

Could you give me an example of a function that also has a property then. Say that I could call both function() and function.test?

Amadan Over a year ago

@JamesLeckenby: Simple. var a = function() { console.log("from a"); }; a.test = function() { console.log("from a.test"); }; a(); a.test();

Jānis · Accepted Answer · 2012-06-18 18:15:47Z

5

http://jsfiddle.net/vZvgv/1/

var $ = function(str) {
    document.write(str+'<br />');
}

$.ajax = function(str) {
    document.write(str+'<br />');
}

$.answer = 42;

$('dollar');
$.ajax('ajax');
document.write($.answer);

answered Jun 18, 2012 at 18:15

Jānis

3282 silver badges5 bronze badges

Collectives™ on Stack Overflow

jQuery - object and function at same time?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related