$ variable and javascript/jquery question

Question

I recently solved a jquery problem I had by switching all the '$'s in my code to 'jQuery'

I'm trying to use this code:

var $items = $('#vtab>ul>li');
$items.mouseover(function() {
    $items.removeClass('selected');
    $(this).addClass('selected');

    var index = $items.index($(this));
    $('#vtab>div').hide().eq(index).show();
}).eq(1).mouseover();

but am not sure how to change the $ signs out for $items. Is it as simple as jQuery.items? Is this even jQuery code? I'm confused.

Thanks, Zeem

Richard Marskell - Drackir · Accepted Answer · 2011-05-06 18:32:21Z

4

$items does not need to be changed. jQuery's variable is (typically) just a $, whereas $items is it's own variable name.

So your code would become:

var $items = jQuery('#vtab>ul>li');
$items.mouseover(function() {
    $items.removeClass('selected');
    jQuery(this).addClass('selected');

    var index = $items.index(jQuery(this));
    jQuery('#vtab>div').hide().eq(index).show();
}).eq(1).mouseover();

Edit You could also use a self-invoking function like so:

(function($){
    var $items = $('#vtab>ul>li');
    $items.mouseover(function() {
        $items.removeClass('selected');
        $(this).addClass('selected');

        var index = $items.index($(this));
        $('#vtab>div').hide().eq(index).show();
    }).eq(1).mouseover();
})(jQuery);

This will allow you to use the $ variable in your code BUT you will not be able to use the variables within, outside of the function so be careful.

edited May 6, 2011 at 18:32

answered May 6, 2011 at 18:25

Richard Marskell - Drackir

13.4k3 gold badges37 silver badges55 bronze badges

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

Comments

Jeremy Battle · Accepted Answer · 2011-05-06 18:26:55Z

1

You don't need to replace $items at all.

$items = jQuery('#vtab>ul>li');

will work.

$items is a variable name and is not part of the $ namespace.

answered May 6, 2011 at 18:26

Jeremy Battle

1,63813 silver badges18 bronze badges

Comments

hunter · Accepted Answer · 2011-05-06 18:28:12Z

1

var $items is just a variable. Prefixing variables with $ lets the developer know that it's a jQuery object.

answered May 6, 2011 at 18:28

hunter

63.8k19 gold badges115 silver badges115 bronze badges

Collectives™ on Stack Overflow

$ variable and javascript/jquery question

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related