您现在的位置: 365建站网 > 365文章 > 方法的调用链

方法的调用链

文章来源:365jz.com     点击数:189    更新时间:2009-09-14 10:29   参与评论

/* 方法的调用链 */


(function(){
    function _$(els){
        this.elements = [];
        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);
        }
    }
    _$.prototype = {
        each: function(){
            for( var i=0, len=this.elements.length;i<len; ++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(){
            var that = this;
            this.each(function(el){
                that.setStyle('display','block');
            });
            return this;
        },
        addEvent: function(){
            var add = function(el){
                if (window.addEventListtener) {
                    el.addEventListtener(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(){
    $('test-1','test-2').show().setStyle('color','red').addEvent('click',function(e){
        $(this).setStyle('color','green');
    });
});

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (189人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号