부울 교육 jQuery 실용 영상 자료 공유

jQuery는 Prototype 이후의 또 다른 뛰어난 JavaScript 코드 라이브러리(또는 JavaScript 프레임워크)인 빠르고 간결한 JavaScript 프레임워크입니다. jQuery 디자인의 목적은 "적게 작성하고 더 많이 수행"입니다. 이는 더 적은 코드를 작성하고 더 많은 작업을 수행한다는 의미입니다. 일반적으로 사용되는 기능 코드를 JavaScript로 캡슐화하고 간단한 JavaScript 디자인 패턴을 제공하며 HTML 문서 작업, 이벤트 처리, 애니메이션 디자인 및 Ajax 상호 작용을 최적화합니다. 우리는 모든 사람들이 jQuery를 더 잘 배울 수 있도록 돕기 위해 "불린 교육 jQuery 실용 비디오 튜토리얼"을 수집했습니다.

영상 재생 주소 : //m.sbmmt.com/course/319.html

관련 주제 추천 : "jquery 실전 영상"

Jquery 난이도 요약 :

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)

의 차이점:
이는 현재 컨텍스트 개체가 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 컨텍스트 개체입니다.

4가지 앱 글꼴 적응형

//使用rem策略，不断更新html的fontsize
        (function(){                
            function sizeHtml(){                var size = $(window).width()/16;
                size = size>40?40:size;
                $("html").css("font-size",size+"px");
            }
            sizeHtml();
            $(window).resize(function(){
                sizeHtml();
            })
        })()

위 내용은 부울 교육 jQuery 실용 영상 자료 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!