jQuery 확장 실례 방법 및 정적 방법

2809 단어 jqueryJavaScript
jQuery 확장 실례 방법 및 정적 방법
jQuery 인스턴스 확장 방법
(function($){
    //      
    var defaults={

    }
    //     
    var showLink=function(obj){
        $(obj).append(function(){
            return "("+$(obj).attr("href")+")";
        })
    }


    $.fn.easySlider=function(options){   // jQuery         easySlider
        var options=$.extend(true, defaults, options);//       ,      */

        return this.each(function(){   //  jQUery     
            showLink();                //    
        });
    }

})(jQuery)  //            ,    

//$("#id")를 호출합니다.easySlider({});
jQuery (function () {}) 는 다음 쓰기 $(document) 와 같습니다.ready (function () {}//어떤 DOM 요소가 불러온 후 실행 방법의 코드(function($){})(jQuery)는 아래 표기법과 같다var fn=function($){};fn(jQuery); 익명 함수를 정의했는데 그 중에서 jQUery는 익명 함수의 실참을 대표하며 보통 jQUery 플러그인 개발에서 플러그인의 사유역을 정의하는 역할을 한다.
jQuery에 정적 방법 추가
$.extend({
    funn1:function(){
        alert("jQuery     ")
    }
})
$.funn1();
// jQuery        
$.fn.extend({
    funn2:function(){
        alert(" jQUery        ")
    }
})
// jQuery        
$.fn.fun2=function(){
    alert(" jQUery        ")
}

좋은 웹페이지 즐겨찾기