JQUERY의 길 1

인용: JQUERY는 우수한 자바스크립트 프레임워크 중 하나로 광범위하게 인용되었다.실제 프로젝트에서 JQUERY는 작업량을 크게 줄일 수 있고 JQUERY에서 우수한 방법으로 많은 문제를 신속하고 편리하게 해결할 수 있다.
JQUERY의 간단한 이해
JQUERY는 클래스를 이해할 수 있습니다. 클래스의 이름 컨트롤은 $입니다.
    1.먼저 명확히 하자면 클래스에 속성이 있을 수도 있고 정태적인 방법과 구성원 방법이 있을 수도 있다.
예를 들어, $.trim () 은 JQUERY의 정적 방법으로 이해할 수 있습니다. 우리는 그 중에서 직접 사용할 수 있고 $도 사용할 수 있습니다.extend({...})자신이 원하는 정적 방법을 정의하고 JQUERY 라이브러리를 확장하기;
다음은 예를 들어 사용법을 설명한다.
     

$.extend({
   caculate:function(arg1,arg2){return arg1+arg2;}
})

두 개의 값을 계산하는 합입니다. js 코드에서 직접 호출하면 됩니다. 즉, $.add(1,2);결과가 3으로 되돌아오다.(ps: 물론 js에서 사용자 정의 js 파일을 인용하거나 사용자 정의 방법의 뒤에 놓아야 합니다.)
    2.그 다음: JQUERY의 선택기 $("#main")과 같은 DOM 요소가 JQUERY류의 실례화 대상임을 명확히 해야 한다.모두가 알다시피, 당신이 하나의 클래스 대상을 실례화한 후에, 예를 들어, 이 클래스 대상의 속성 값을 얻고, 이 클래스 대상을 통해 당신이 클래스에서 정의한 방법을 호출할 수 있다.
    

<div id="test" myTest="shangwuyuyi"/>

    $("#test").attr("myTest");이 div의 속성 myTest를 가져옵니다.물론, 당신도 이div에 일부 속성을 추가할 수 있습니다. 예를 들어
 

$("test").attr("class","main");

이div에class 속성을 추가합니다.(이것들은 내가 쓰지 않아도 돼.. 신들은 거들떠보지도 않을 거야...)
내가 하고 싶은 말은 Jquery야.fn.extend, 이것은prototype에 대한 확장입니다. 사실은 JQUERY의 클래스 대상에 구성원을 추가하는 방법을 실례로 한 것입니다.예를 들면 다음과 같습니다.
 

 $.fn.extend({
    alertWhileClick:function(){ 
        alert($(this).attr("id"));  
    }
}  

실례화된 대상을 위한 구성원 함수를 새로 정의한 것입니다. 실제 호출에서는 $("#test") 를 사용합니다.alertWhileClick();이div의 id값을 팝업할 수 있습니다.