wrapping a function as a jQuery parameter

Question

i am buliding an autocomplete for my website when i came across this style of building code:

$(function() {

    function log( message ) {
        $( "<div/>" ).text( message ).prependTo( "#log" );
        $( "#log" ).scrollTop( 0 );
    }

    $(element).autocomplete(....

    //more code
});

i know about closures, "IIFE"s but this one's a new one for me.

what's with the "jQuery-wrapped" code above?
is there any particular reason i should do that? (scope?)
optimization-wise, should i even do it that way?

Starx · Accepted Answer · 2012-03-08 09:11:57Z

2

$(function() { }); is equivalent to $(document).ready(function() {}); and as before it executes once the DOM has been ready.
Defining a function inside is to tell that, the function is only available once the dom is ready to execute.
$(element).autocomplete(.... is simply implementing the plugin to the selector, once the DOM is ready to execute.

Hope its clear now :)

$(function() { or $(document).ready(function() { does not need the whole page to load, to run as $(window).load(fn) does.

edited Mar 8, 2012 at 9:11

answered Mar 8, 2012 at 8:54

Starx

79.3k50 gold badges187 silver badges266 bronze badges

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

1 Comment

Joseph Over a year ago

thanks! never knew that it was just a shorthand to .ready()

Flo · Accepted Answer · 2012-03-08 08:54:23Z

1

$(fn) or $(document).ready(fn) Is jQuery's onload/onDOMContentLoaded handler. The function passed to it is executed once the DOM on the page is ready.

answered Mar 8, 2012 at 8:54

Flo

1,96511 silver badges18 bronze badges

Comments

RvdK · Accepted Answer · 2012-03-08 08:55:20Z

1

Everything in $(function() { } will be executed after the DOM has loaded. I prefer to use $(document).ready(function() { } because it is more clear.

answered Mar 8, 2012 at 8:55

RvdK

19.8k5 gold badges68 silver badges110 bronze badges

Collectives™ on Stack Overflow

wrapping a function as a jQuery parameter

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related