Question

I like to know how works or what means(?) when you define a function in the selector in jquery like this.

$(function(){code,code})

because with jquery-ui you can (or must.. I’m really new with this library) set accordion with this code

$(function(){
    // Accordion
    $("#accordion").accordion({ header: "h3" });

    //hover states on the static widgets
    $('#dialog_link, ul#icons li').hover(
        function(){$(this).addClass('ui-state-hover');},
        function(){$(this).removeClass('ui-state-hover');
    });

});

Source: http://jqueryui.com/demos/accordion/

And I have a problem setting accodions inside tabs(also with jquery-ui), but I cann’t find why works buggy, and I think that maybe can I fix the problem understanding this behavior.

And pretty sure that I doesn’t undestood quiet right the selector in jquery, hope you can help me. Thanks in advance, by the way sorry about my poorly english.

Answer 1

$(somefunction) is a shorthand for $(document).ready(somefunction). So what you’re doing with $(function{}) is defining an anonymous function that will run once the document loads.