나는 이 자습서에 따라 현재 작업 중인. [시작 jQuery] [1]
[1]: getting_started_with_jquery http://docs.jquery.com/Tutorials
두 사례 (아래 참조).
$("#orderedlist").find("li").each(function (i) {
$(this).append(" BAM! " + i);
});
$("#reset").click(function () {
$("form").each(function () {
this.reset();
});
});
첫 번째 예제에서는 $ (이) ',' 우리가 사용하는 디이브이 첨부하려면 일부 텍스트 안에 '각' 수명*을 요소. 두 번째 예에서는 우리가 사용하는 '이' 때 직접 재장착하면 양식.
'$ (이)' '이' 보다 훨씬 더 자주 사용될 것으로 보인다.
내 생각엔 처음 들어, '$ ()' 가 '각' 으로 이해할 수 있는 변환 () '기능을 덮어쓰기/추가 jQuery 객체를 수명*을 요소' 예 ' ()' 를 직접 호출할 수 있는 반면 두 번째 재설정하지 양식.
기본적으로 필요하다 '$ ()' 에 특별 jquery 국한됨 총괄하였습니다.
이 작업이 올바릅니까?
'예' $ # 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");
및 드릴링됩니다.
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
범위) 은 현재 [엑서큐션 Context< sup> /sup> ECMA<;;;] (http://www.ecma-international.org/ecma-262/5.1/ # sec-10.3) . 이해하기 위해서는 '이' 운행에서어떠한 작동합니까 엑서큐션 컨텍스트로 JavaScript 로 이해하는 것이 중요합니다.
들어갈 때 제어입니다 충족되었으며 엑서큐션 컨텍스트로 (코드가 실행되는 동안 그 범위) 환경을 변수가 설정 (어휘 및 다양한 환경을 근본적으로 이 설정 위한 영역을 com/go/4e6b330a_kr 입력할 수 있는 영역을 액세스 및 이미 지역 변수를 위한 저장할 수 있습니다) 및 바인딩을 '이' 발생합니다.
엑서큐션 컨텍스트로 스택할 로털 형성합니다. 그 결과 더 컨텍스트로 스택의 액세스하도록 바인딩 원인일 수 있지만, 그 이전 com/go/4e6b330a_kr 변경됩니다. 콜백 함수 호출을 사용하여, 그 때마다 더 jQuery 이 바인딩하면 [',' < 적용하십시오 MDN< /sup> 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< jQuery API< /sup> 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' 는 현재 요소의 위치를 차지하고 있는 어레이입니다 반복자가 사용됩니다.
'이' 와 '$ (이)' 를 사용하여 javascript 객체로 참조입니다 캡슐화됨 함께 포함한다.
, = > (예:
// 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')