jQuery는 Prototype 이후의 또 다른 뛰어난 JavaScript 코드 라이브러리(또는 JavaScript 프레임워크)인 빠르고 간결한 JavaScript 프레임워크입니다. jQuery 디자인의 목적은 "적게 작성하고 더 많이 수행"입니다. 이는 더 적은 코드를 작성하고 더 많은 작업을 수행한다는 의미입니다. 이는 일반적인 JavaScript 기능 코드를 캡슐화하고 간단한 JavaScript 디자인 패턴을 제공하며 HTML 문서 작업, 이벤트 처리, 애니메이션 디자인 및 Ajax 상호 작용을 최적화합니다.
"Geek Academy jquery 제로 기반 소개 비디오 튜토리얼"은 주로 다음 내용을 포함하여 기본부터 완벽하게 설명합니다. 1. jQuery 선택기 2, jQuery 이벤트 3, jQuery Dom 작업 4, jQuery 애니메이션 4, jQuery 및 ajax 5, 실용 예시
동영상 재생 주소: http://www.php.cn/course/207.html
이 동영상 학습의 어려움:
1 jquery 바인딩 이벤트에서 매개 변수를 전달하는 방법
$("#btn").bind("click",{"id":"111","name":"aaa"}, getData); function getData(d) { alert(d.data.id); alert(d.data["name"]) }
2 setTimeout
setTimeout( function(self) { return function() { alert(self);//这里面用self代替this } }(this), 1000);
3에서 객체 메소드를 호출하는 방법 this와 $(this)
Concept의 차이점:
이는 현재 컨텍스트 객체가 html 객체이며 소유한 속성 및 메소드를 호출할 수 있음을 나타냅니다. html 객체, $(this), 표현된 컨텍스트 객체는 jquery의 메서드와 속성 값을 호출할 수 있는 jquery 컨텍스트 객체입니다.
$()는 무엇을 생성하나요? 실제로 $()=jquery()는 jquery 객체를 반환한다는 의미입니다.
일반적으로 단순화를 위해 $()를 직접 사용합니다. 실제로 이 함수는 매개변수 컨텍스트를 생략합니다. 선택자, 즉 $(selector, context)를 기준으로 일치하는 객체를 선택하고 jQuery 래퍼 세트 형태로 반환합니다. 컨텍스트는 Dom 객체의 컬렉션이거나 jQuery 패키징 세트일 수 있습니다. 전달되면 일치하는 객체가 컨텍스트에서 선택된다는 의미입니다. 전달되지 않으면 범위가 문서 객체라는 의미입니다. 즉, 페이지의 모든 개체), 즉 $(selector)=$(selector, document)입니다.
함수를 호출하는 html 객체를 의미합니다.
예:
$("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } );
여기 있는 것은 실제로 HTML 요소(텍스트 상자)이고 js에 있습니다. 텍스트 상자에는 텍스트 속성이 있으므로 이렇게 작성해도 문제가 없습니다.
$("#textbox").hover( function() { $(this).title = "Test"; }, function() { $(this).title = "OK"; } );
$(this) 여기 JQuery 객체가 있는데, jQuery 객체에는 title 속성이 없으므로 이렇게 작성하는 것은 잘못되었습니다.
요약:
현재 컨텍스트 개체가 html 개체이고, html 개체가 소유한 속성과 메서드를 호출할 수 있다는 의미입니다.
$(this), 표시된 컨텍스트 개체는 jquery 메서드 및 속성 값을 호출할 수 있는 jquery 컨텍스트 개체입니다.
이 영상을 담당한 선생님은 Geek Academy의 유명한 젊은 강사입니다. 그의 강의 스타일은 대부분의 학습자의 학습 스타일과 일치하며, 얕은 것부터 깊은 것까지 설명이 매우 자세합니다.
위 내용은 Geek Academy jquery 제로 기반 입장 영상 자료 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!