您的位置:首页 > Web前端 > JavaScript

js库的封装-连缀

2017-06-11 00:00 316 查看
连缀的要点:每个方法后必须返回this对象本身,这样才可以接下来继续调用this对象方法;
1.用函数定义对象
function Base(){
elements用来存储节点,在背后修改节点的时候要用到;
this.elements = [];
//2.对象里面定义获取节点的方法
this.getId = function(id){
this.elements.push(document.getElementById(id));
return this;
};
this.getTagName = fucntion(tag){
var tags = document.getElementByTagName(tag);
for(var i = 0; i < tags.length; i++ ){
this.elements.push(tags[i]);
}
}
}
3.对象外面定义修改节点的方法
Base.prototype.css = function(atr,value){
for(var i = 0; i < this.element.length; i++ ){
this.elements[i].style[atr] = value;
}
return this;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js库封装 连缀