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;
}
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学习笔记--封装库--连缀
- 封装原生javascript连缀
- 封装原生javascript连缀
- javascript之博客前端连缀,css自定义封装代码笔记
- 封装原生javascript连缀
- JS封装库--连缀
- JavaScript基础入门 封装DOM 连缀
- JsQuick--个人封装的Js库
- 封装原生javascript连缀
- [js项目]封装库-连缀
- 尝试封装自己的js库
- 封装原生javascript连缀
- [js项目]封装库-连缀
- [js项目]封装库-连缀
- 封装原生javascript连缀
- 封装自己的js库
- 封装原生javascript连缀
- 封装库—连缀
- 封装原生javascript连缀
- js封装库2-连缀