JQuery without a selector?
<p>I'm trying to develop a cycling image slider and have a question about a document I'm referencing for development.</p>

<p>The JQuery function doesn't actually call a selector and I'm not exactly sure how to read it.</p>

<pre><code>$.fn.cycle = function(options, arg2) {
var o = { s: this.selector, c: this.context };
</code></pre>

<p>The script above is in my javascript document and the method below is in my HTML doc calling to the script above.</p>

<pre><code>$(document).ready(function() {
$('.headline').cycle({
    fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, 
    cleartypeNoBg:true
});
</code></pre>

<p>.headline is a class that is defined in the HTML document. I'm confused because this has a selector and $.fn.cycle does not.</p>

<p>Is .headline passing in the value to .fn? If so, how is it passing in only to that section of the variable?</p>

<p>If you wish to see the full JQuery function it is here:</p>

<pre><code>$.fn.cycle = function(options, arg2) {
var o = { s: this.selector, c: this.context };

// in 1.3+ we can fix mistakes with the ready state
if (this.length === 0 &amp;&amp; options != 'stop') {
    if (!$.isReady &amp;&amp; o.s) {
        log('DOM not ready, queuing slideshow');
        $(function() {
            $(o.s,o.c).cycle(options,arg2);
        });
        return this;
    }
    // is your DOM ready?  http://docs.jquery.com/Tutorials:Introducing_$(document).ready()
    log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)'));
    return this;
}

// iterate the matched nodeset
return this.each(function() {
    var opts = handleArguments(this, options, arg2);
    if (opts === false)
        return;

    opts.updateActivePagerLink = opts.updateActivePagerLink || $.fn.cycle.updateActivePagerLink;

    // stop existing slideshow for this container (if there is one)
    if (this.cycleTimeout)
        clearTimeout(this.cycleTimeout);
    this.cycleTimeout = this.cyclePause = 0;

    var $cont = $(this);
    var $slides = opts.slideExpr ? $(opts.slideExpr, this) : $cont.children();
    var els = $slides.get();
    if (els.length &lt; 2) {
        log('terminating; too few slides: ' + els.length);
        return;
    }

    var opts2 = buildOptions($cont, $slides, els, opts, o);
    if (opts2 === false)
        return;

    var startTime = opts2.continuous ? 10 : getTimeout(els[opts2.currSlide], els[opts2.nextSlide], opts2, !opts2.rev);

    // if it's an auto slideshow, kick it off
    if (startTime) {
        startTime += (opts2.delay || 0);
        if (startTime &lt; 10)
            startTime = 10;
        debug('first timeout: ' + startTime);
        this.cycleTimeout = setTimeout(function(){go(els,opts2,0,(!opts2.rev &amp;&amp; !opts.backwards))}, startTime);
    }
});
</code></pre>
