JavaScript 의 원형 응용

JavaScript 의 원형 응용
JQuery 의 원형 응용

//   
var $div = $("div")

// JQuery      
(function(window){
    var jquery = function(seletor) {
    	//     
        return new jquery.fn.init(seletor);
    };
	
	//       
    jquery.fn = jquery.prototype = {
        css: function() {
            console.log('css');
        }
    }

    var init = jquery.fn.init = function(seletor) {
        var slice = Array.prototype.slice;
        var dom = slice.call(document.querySelectorAll(seletor));
        var i, len = dom ? dom.length : 0;
        for(i = 0;i < len; i ++) {
            this[i] = dom[i];
        }
        this.length = len;
        this.seletor = seletor || '';
    }

    init.prototype = jquery.fn

    window.$ = jquery;
})(window)

JQuery 에서 플러그 인 구현
$.fn(원형)에 방법 을 추가 하면 플러그 인 을 실현 할 수 있 습 니 다.

$.fn.getNodeName = function() {
	return this[0].nodeName;
}