In jQuery, what does $.fn. mean?

Question

In jQuery, what does $.fn. mean? I looked this up on google but couldn't find any concrete examples.

$.fn.something = function{}

score 133 · Accepted Answer · edited Sep 08 '17 at 11:58

133

It allows you to extend jQuery with your own functions.

For example,

$.fn.something = function{}

will allow you to use

$("#element").something()

$.fn is also synonymous with jQuery.fn which might make your Google searches easier.

edited Sep 08 '17 at 11:58

Derlin

answered Jun 22 '10 at 04:15

Chad Levy

score 9 · Answer 2 · edited May 23 '17 at 12:18

9

This has been covered in some detail here:

But the short of it is that $.fn is an alias for $jQuery.prototype

edited May 23 '17 at 12:18

Community

answered Jun 22 '10 at 04:17

Warren Rumak

score 7 · Answer 3 · answered Jun 22 '10 at 04:15

7

answered Jun 22 '10 at 04:15

rahul

2

+1 Wow, pounced on with four similar answers. Deleting mine and upvoting the one closest to it. – Ken Redler Jun 22 '10 at 04:19
2

Hey now, I beat him by 27 seconds ;) – Chad Levy Jun 22 '10 at 04:21

3 Answers3