javascript - $ 变量和 javascript/jquery 问题

Question

我最近解决了一个 jquery 问题，方法是将代码中的所有“$”都切换为“jQuery”

我正在尝试使用这段代码:

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();

但我不确定如何更改 $items 的 $ 符号。它像 jQuery.items 一样简单吗？这甚至是 jQuery 代码吗？我很困惑。

谢谢， 泽姆

Answer 1

$items 不需要更改。 jQuery 的变量(通常)只是一个 $，而 $items 是它自己的变量名。

所以你的代码会变成:

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();

编辑 您也可以使用 self-invoking function像这样:

(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);

这将允许您在代码中使用 $ 变量，但您将无法在函数内部和外部使用变量，因此请小心。