jQuery의 변수 간 차이점

Question

누구나 jQuery에서 변수 $ 변수와 $. 변수의 차이점을 말해 줄 수 있습니까? examle 들어 :

$x='3'; 
$.y(parseInt($(this).val()) 

Answer 1

첫번째의 ($ X)는 변수 (즉,이 경우 문자열의 값이 할당되는 3 번째 인 함수 Y()에 대한 함수 호출이다 아마도이 함수는 jquery 확장 함수라고 가정합니다.이 함수는 $ (this)가 참조하는 값의 일부 정수를 포함하는 인수를 가져옵니다. = '3'. 예문의 할당은 실제로 $ 접두사가 변수가 일부 jQuery 선택기 결과를 보유하고 있음을 나타 내기 때문에 조금 이상합니다.

Answer 2

$var는 VAR는 jQuery를 반면에 DOM 선택, 예컨대 :

var $form = $('#yourForm'); 

$.function을 감싸 보유하고 있음을 말해 단지 관례는 jQuery 라이브러리, 예를 들어, 일부 "정적"함수를 호출하는 것을 의미 $.each(), DOM 선택을 수행하지 않습니다.

Answer 3

JavaScript에서는 변수 이름에 $ 문자를 사용할 수 있습니다.

var $test = 10; 
console.log($test); 

을 그리고 콘솔에 10를 기록합니다 : 당신은 스크립트 태그로 새로운 HTML 문서를 작성하는 경우, 당신은 다만 할 수 있습니다.

jQuery는 $ 변수를 자체에 대한 축약어로 사용하며 jQuery 함수/확장명은 해당 객체에서 사용할 수 있습니다. 다음은 좀 더 명확하게 될 수 있습니다

// Assume you have already loaded jQuery 
$ == jQuery; // true! 
$.test = 10; // Assign a random property to the "jQuery Object" 
console.log($.test); // print out "10" 

지금, 당신의 예제의 경우, $.y(), 누군가가 jQuery를 확장했다 $.y()으로 액세스 할 수 있습니다 y라는 방법을 추가하여. 당신이 변수가있는 경우 대부분의 경우, 개체 유형을 추적하는 방법으로, JQuery와 객체에 대한 참조입니다, 당신은 dollarSign 변수 이름 앞에 추가 :

var header = document.getElementById("header"); //without jQuery 
var $header = $("#header"); // with jQuery 

을 위의 규칙이 아닌, 많은 사람들이 코드를 명확하게 지키기 위해 따라하는 컨벤션 일뿐입니다.