注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

学会珍惜

You've been saying for the longest time

 
 
 

日志

 
 

构建自己的JS库_模板  

2012-05-24 18:50:35|  分类: 前端开发 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

转自:互联网

 /* 链式调用函数 */
  (function() {

    var _$ = function() {

      this.elements = [];

      for(var i = 0, j = arguments.length; i < j; ++i) {
        var element = arguments[i];
        if(typeof element === 'string') {
          element = document.getElementById(element);
        }
        this.elements.push(element);
      }

    };

    _$.prototype = {

      each : function(fn) {
        for(var i = 0, j = this.elements.length; i < j; ++i) {
          fn.call(this, this.elements[i]);
        }
        return this;
      },

      setStyle : function(prop, val) {
        this.each(function(el) {
          el.style[prop] = val;
        });
        return this;
      },

      show : function() {
        this.setStyle("display", 'block');
        return this;
      },

      addEvent : function(type, fn) {
        var add = function(el) {
           if(window.addEventListener) {
             el.addEventListener(type, fn, false);
           } else if(window.attachEvent) {
             el.attachEvent("on" + type, fn);
           }
        };
        this.each(function(el) {
          add(el);
        });
        return this;
      }

    };

    window.$ = function() {
      return new _$(arguments);
    };

  })();

  /* 应用实例 */
  $(window).addEvent('load', function() {
    $('test1', 'test2').show()
                       .setStyle('color', 'red')
                       .addEvent('click', function(e) {$(this).setStyle('color', 'green')})
  });

  评论这张
 
阅读(131)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017