$ 변수와 자바 스크립트/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(); 

을

하지만 $ 항목을 $ 기호로 변경하는 방법을 잘 모르겠습니다. 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과 같이 A : 이것은 당신이 당신의 코드에서 $ 변수를 사용 할 수

(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는 변수 이름이고 $ namespace의 일부가 아닙니다.

Answer 3

var $items은 변수입니다. $으로 변수 앞에 변수를 추가하면 개발자가 jQuery 객체임을 알 수 있습니다.