$變量和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的$ items。它是否像jQuery.items一樣簡單？這是甚至jQuery代碼？我很困惑。

感謝， Zeem

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

這將允許您使用$變量在你的代碼，但您將無法使用該功能之外的變量，因此請小心。

Answer 2

根本不需要更換$物品。

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

將工作。

$ items是一個變量名稱，不是$名稱空間的一部分。

Answer 3

var $items只是一個變量。使用$的前綴變量可以讓開發人員知道它是一個jQuery對象。