jQuery 라이브러리 확장

3398 단어 jQuery
최근에 작은 응용 프로그램을 연습해서 jQuery 라이브러리의 강력함과 편리함을 느꼈고, 일부 js 코드를 jQuery 플러그인으로 봉인하는 편리함을 느꼈다.그래서 jQuery 라이브러리 확장과 관련된 요소를 간단하게 요약해 봅시다.
일반적인 jQuery 플러그인은 다음과 같습니다.
//         ,       
;(function($){    //   $         
  /*      ,    $  jQuery     */
})(jQuery);       //    jQuery            

하나.jQuery 플러그인 메커니즘
jQuery는 jQuery 기능을 확장하는 두 가지 방법을 제공합니다. 즉, jQuery입니다.fn.extend() 메서드와 jQuery.extend () 방법.두 방법 모두 Object 유형의 매개변수를 적용합니다.Object 객체의 이름/값 쌍은 각각 함수 또는 방법명/함수 바디를 나타냅니다.
1.jQuery.fn.extend () - jQuery 대상을 봉인하는 방법의 플러그인 (jQuery 선택기의 강력한 장점을 발휘할 수 있음)
(1):
;(function($){
     $.fn.extend({
         pluginName:function(opt,callback){
          //    
         }
     })     
})(jQuery);

(2):
;(function($){
    $.fn.pluginName = function(){        
          //    
         };   
})(jQuery);

jQuery , $, jQuery , 。 jQuery , $ , prototype 。

2.jQuery.extend()—— ( jQuery , $.AJAX())

(1):

jQuery 。

;(function($){
     $.extend({        
            pluginName1:function(value){
                //    
             }
            pluginName2:function(value){
              //               
             }
           ......
      })     
})(jQuery);
jQuery.extend({ 
    foo: function() { 
        alert('This is a test.'); 
    }, 
    foo2: function(param) { 
        alert('This function takes a parameter, which is "' + param +'".'); 
    } 
}); 
    :
jQuery.foo(); 
jQuery.foo2('param');

note:   a:jQuery.extend() jQuery , Object 。

            b:jQuery.extend()

function foo(options){
   options = jQuery.extend({
         name: "foo",
         length:4,
         dataType:"xml"  /*    */
     },options);     /*options      */       
};

(2): jQuery , 。

jQuery.myPlugin = { 
    foo: function() { 
        alert('This is a test.'); 
    }, 
    foo2: function(param) { 
        alert('This function takes a parameter, which is "' + param +'".'); 
    } 
}; 
    :
$.myPlugin.foo(); 
$.myPlugin.foo2('param'); 

.jQuery

1.jQuery jquery.[ ].js。

2. jQuery.fn , jQuery 。

3. ,this jQuery , , click() , this DOM 。

4. this.each 。

5.jQuery , 。

6. $ jQuery , jQuery , 。 , $ jQuery 。



 
  

좋은 웹페이지 즐겨찾기