JQ 플러그인

2428 단어 플러그 인
플러그인을 어떻게 쓰는지 몰랐는데, 지금은 업무의 수요 때문에 더 많은 것을 알아야 한다.그래서 플러그인에 대한 지식을 알게 되었습니다.
전반적으로 말하면 플러그인은 프로그램 작성의 일종으로 더욱 좋은 확장을 위한 것이다.
Query 플러그인 개발에는
1. 클래스급 플러그인 개발
1.1 새 전역 함수 추가
글로벌 함수를 추가하려면 다음과 같이 정의해야 합니다.
jQuery.foo = function() { 
    alert('This is a test. This is only a test.');
};  

1.2 여러 글로벌 함수 증가
jQuery.foo = function() { 
    alert('This is a test. This is only a test.');
};
jQuery.bar = function(param) { 
    alert('This function takes a parameter, which is "' + param + '".');
}; 
//            :jQuery.foo();jQuery.bar();  $.foo();$.bar('bar');

//     。
var aa={};
aa.foo = function() { 
	alert('This is a test. This is only a test.');
};
aa.bar = function(param) { 
	alert('This function takes a parameter, which is "' + param + '".');
}; 
aa.foo();

1.3 jQuery를 사용합니다.extend(object);
jQuery.extend({    
    foo: function() {    
        alert('This is a test. This is only a test.');    
    },    
    bar: function(param) {    
        alert('This function takes a parameter, which is "' + param +'".');    
    }   
});
            

1.4 네임스페이스 사용
jQuery.myPlugin = {        
    foo:function() {        
        alert('This is a test. This is only a test.');        
    },        
    bar:function(param) {        
        alert('This function takes a parameter, which is "' + param + '".');  
    }       
};
//                ,        :
$.myPlugin.foo();       
$.myPlugin.bar('baz');
        

2. 개체 수준의 플러그인 개발
객체 수준의 플러그인 개발에는 다음과 같은 두 가지 형태가 필요합니다.
형식 1:
(function($){   
$.fn.extend({   
    pluginName:function(opt,callback){   
          // Our plugin implementation code goes here.     
    }   
})   
})(jQuery);   

형식 2:
(function($) {     
$.fn.pluginName = function() {   
     // Our plugin implementation code goes here.   
};   
})(jQuery);    

일단 이것들을 이해한 다음에 보충하자.

좋은 웹페이지 즐겨찾기