(function() {     /*      * 创建一个私有class      * @param {Object} els  arguments 所有参数组成的类数组      */     function _$(els) {         this.elements = [];             //存放HTML元素         for(var i=0, len=els.length; i<len; i++) {             var element = els[i];             if(typeof element === 'string') {                 element = document.getElementById(element);             }             this.elements.push(element);         }     }     //对HTML元素可执行的操作     _$.prototype = {         each: function() {},         setStyle: function() {},         show: function() {},         addEvent: function() {},     };        //对外开放的接口     window.$ = function() {         return new _$(arguments);     };   })();

(function() {     /*      * 创建一个私有class      * @param {Object} els  arguments 所有参数组成的类数组      */     function _$(els) {         //...     }     //对HTML元素可执行的操作     _$.prototype = {         each: function(fn) {        //fn 回调函数             for(var i=0; i<this.elements.length; i++) {                 //执行len次，每次把一个元素elements[i]作为参数传递过去                 fn.call(this, this.elements[i]);             }             return this;         },         setStyle: function(prop, value) {             this.each(function(el) {                 el.style[prop] = value;             });             return this;         },         show: function() {             var that = this;             this.each(function(el) {                 that.setStyle('display', 'block');             });             return this;         },         addEvent: function(type, fn) {             var addHandle = function(el) {                 if(document.addEventListener) {                     el.addEventListener(type, fn, false);                 }else if(document.attachEvent) {                     el.attachEvent('on'+type, fn);                 }             };             this.each(function(el) {                 addHandle(el);             });             return this;          }     };     //对外开放的接口     window.$ = function() {         return new _$(arguments);     } })(); //----------------------- test -------- $(window).addEvent('load', function() {     $('test-1', 'test-2').show()     .setStyle('color', 'red')     .addEvent('click', function() {         $(this).setStyle('color', 'green');     }); })

window.API = window.API || function() {     var name = 'mackxu';     //特权方法     this.setName = function(name0) {         name = name0;         return this;     };     this.getName = function(callback) {         callback.call(this, name);         return this;     }; }; //------------- test --- var obj = new API(); obj.getName(console.log).setName('zhangsan').getName(console.log);

Function.prototype.method = function(name, fn) {     this.prototype[name] = fn;     return this; }; (function() {     function _$(els) {         //...     }     /*      * Events      *      addEvent      *      removeEvent      */     _$.method('addEvent', function(type, fn) {         //...      }).method('removeEvent', function(type, fn) {     })     /*      * DOM      *      addClass      *      removeClass      *      hover      *      hasClass      *      getClass      *      getStyle      *      setStyle      */     .method('addClass', function(classname) {         //...     }).method('removeClass', function(classname) {         //...     }).method('hover', function(newclass, oldclass) {         //...     }).method('hasClass', function(classname) {         //...     }).method('getClass', function(classname) {         //...     }).method('getStyle', function(prop) {         //...     }).method('setStyle', function(prop, val) {         //...     })     /*      * AJAX      *      ajax      */     .method('ajax', function(url, method) {         //...     });     window.$ = function() {         return new _$(arguments);     };     //解决JS库命名冲突问题     window.installHelper = function(scope, interface) {         scope[interface] = function() {             return _$(arguments)         }     }  })();