# 39 what& & # 39, & # 39 의 차이점은, $ (이) # 39, & # 39 와 this&,?

'예' $ # 39 를 사용하여 you& 때 됩니다 (), re 포함한다. # 39 의 도움말에서는 jQuery& 스케쳐내 DOM 그냥 계속 이런 점을 고려해야 할 것.

$(this)[0] === this

기본적으로 받을 때마다 뒤로를 회전됩니다 [jQuery 객체를] (https://learn.jquery.com/using-jquery-core/jquery-object/) 으로 구성 요소를 포함한다. 알고 있다면, 그 결과, it& 하나 밖에 없습니다 # 39 의 첫 번째 요소가 될 것입니다.

$("#myDiv")[0] === document.getElementById("myDiv");

및 드릴링됩니다.

$ () '가' 구성자를 기능을 포함한다.

'이' 대한 참조입니다 DOM element 기도를.

그래서 기본적으로 '에서 $ (이)', '이' 이 '에서 $ ()' 으로 틀렸다니까 그냥 반군지역 매개변수입니다 호출하십시오 그러하매 수 있는 방법 및 기능을 포함한다.

예, '$ (이)' 가 있지만 jQuery 기능ᆞ기술과 때 필요한 기본적인 요소를 don& 액세스하려는 javascript 방법을 사용할 수 있습니다 '이' t # 39, jQuery 됩니다.

Jquery 를 사용할 때 사용하는 것이 좋다 ',' 보통 '$ (이)'. 하지만 알고 있다면 (rec.601 배워야 한다고 알고) 차이, 그냥 '이' 더 편리하고 빠르게 사용할 수 있도록 하는 경우도 있습니다. 예를 들면 다음과 같습니다.

$(".myCheckboxes").change(function(){ 
    if(this.checked) 
       alert("checked"); 
});

순수한 것보다 더 쉽고

$(".myCheckboxes").change(function(){ 
      if($(this).is(":checked")) 
         alert("checked"); 
});

• '이' 는 '$ (이)' 가 구성되어 있는 요소를 포함한다 객체에는 요소점 *

$(".class").each(function(){
 //the iterations current html element 
 //the classic JavaScript API is exposed here (such as .innerHTML and .appendChild)
 var HTMLElement = this;

 //the current HTML element is passed to the jQuery constructor
 //the jQuery API is exposed here (such as .html() and .append())
 var jQueryObject = $(this);
});

A deeper look

• ['이' &lt sup&gt /sup&gt MDN<;;;] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this) 가 포함된 엑서큐션 컨텍스트로

범위) 은 현재 [엑서큐션 Context&lt sup&gt /sup&gt ECMA<;;;] (http://www.ecma-international.org/ecma-262/5.1/ # sec-10.3) . 이해하기 위해서는 '이' 운행에서어떠한 작동합니까 엑서큐션 컨텍스트로 JavaScript 로 이해하는 것이 중요합니다.

• 엑서큐션 컨텍스트로 바인딩하지 이 *

들어갈 때 제어입니다 충족되었으며 엑서큐션 컨텍스트로 (코드가 실행되는 동안 그 범위) 환경을 변수가 설정 (어휘 및 다양한 환경을 근본적으로 이 설정 위한 영역을 com/go/4e6b330a_kr 입력할 수 있는 영역을 액세스 및 이미 지역 변수를 위한 저장할 수 있습니다) 및 바인딩을 '이' 발생합니다.

• jQuery 바인딩됩니다 이 *

엑서큐션 컨텍스트로 스택할 로털 형성합니다. 그 결과 더 컨텍스트로 스택의 액세스하도록 바인딩 원인일 수 있지만, 그 이전 com/go/4e6b330a_kr 변경됩니다. 콜백 함수 호출을 사용하여, 그 때마다 더 jQuery 이 바인딩하면 [',' &lt 적용하십시오 MDN&lt /sup&gt sup>;;] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply) .

callback.apply( obj[ i ] )//where obj[i] is the current element

그 결과 '콜백 함수를 호출하는 것은' 이 ',' 적용하십시오 jQuery 는 현재 요소에 내부에 사용되는 콜백 함수.

예를 들어, 콜백 함수를 사용할 수 있습니다 ',' 그레이크 일반적으로 사용되는 '그레이크 (함수 (인덱스화하여 요소) {} scope)'. 이 = 그 범위, '요소' 가 맞습니다.

jQuery 콜백 함수를 호출할 함수를 사용하여 바인딩해야 적용하십시오 현재 사용 가능한 요소. # 39 이 요소점 국민으로부터 object& jQuery 의 요소점 어레이입니다. Jquery 객체가 각 요소를 포함하고 있는 높이 배열입니다 일치시킵니다 [selector&lt jQuery API&lt /sup&gt sup>;;;] (http://api.jquery.com/category/selectors/) 사용된 객체에는 인스턴스화합니다 포함한다.

'$ (선택기를)' 에서는 이 jQuery 함수 (즉, '코드', '$' 로 참조입니다 포함한다. jquery, $ =. = 빈다우.j케리 '창'). 내부적으로 인스턴스화 함수 객체 기능을 포함한다. 그래서 동시에 사용할 수 없습니다 '새', '$ () 는 즉시 명백하네 내부적으로 jQuery ()'. 이 모든 건설 일부가 jQuery 객체가 com/go/downloads_kr 일치시킵니다 선택기의. 또한 이 구성자를 html 요소 및 동의하십시오 문장열 . '이' 을 전달할 때, 현재 요소에 대한 객체에는 jQuery 구성자를 틀렸다니까 반군지역 청라중앙호수 를 포함한다. 객체는 같은 어레이입니다 선택기를 일치하는 요소가 포함된 dom 구조를 포함한다 (또는 단순히 하나의 원소로 '이' 의 경우).

일단 jQuery 객체가 가장 먼저 공개된 API 는 이제 포함한다. Jquery 는 내부적으로 이 함수가 호출되면 반복할 때 apiu 같은 어레이입니다 구조. 이 api 에 대한 콜백 함수를 호출하여, 배열의 각 항목에 대해 바인딩하면 callback& # 39 의 '이' 는 현재 요소. 위의 코드에서 볼 수 있는 '목표' 는 이 호출하십시오 스니핏 같은 어레이입니다 구조, 'i' 는 현재 요소의 위치를 차지하고 있는 어레이입니다 반복자가 사용됩니다.

네, $ (이) ',' 활성화됨 jQuery 객체를 사용하여 기능을 사용할 수 있습니다. 단, 이 기능을 사용하여 '이' 대뿐입니다 일반 Javascript.

'이' 와 '$ (이)' 를 사용하여 javascript 객체로 참조입니다 캡슐화됨 함께 포함한다.

, = &gt (예:

// Getting Name and modify css property of dom object through jQuery
var name = $(this).attr('name');
$(this).css('background-color','white')

// Getting form object and its data and work on..
this = document.getElementsByName("new_photo")[0]
formData = new FormData(this)

// Calling blur method on find input field with help of both as below
$(this).find('input[type=text]')[0].blur()

//Above is equivalent to
this = $(this).find('input[type=text]')[0]
this.blur()

//Find value of a text field with id "index-number"
this = document.getElementById("index-number");
this.value

or 

this = $('#index-number');
$(this).val(); // Equivalent to $('#index-number').val()
$(this).css('color','#000000')