js学习笔记--封装库--连缀
来源:互联网 发布:dayz独立版优化那么差 编辑:程序博客网 时间:2024/05/17 00:56
base.js
/* Base是一个基础库的核心对象 Base.getId('box').css('color','red')要返回的是Base对象*/var $=function(){ return new Base();}function Base(){ //保存ID节点 this.elements=[]; //获取ID节点 this.getId=function(id){ this.elements.push(document.getElementById(id)); return this; } //获取元素节点 this.getTagName=function(tag){ var tags=document.getElementsByTagName(tag); for(var i=0;i<tags.length;i++){ this.elements.push(tags[i]); } return this; } }Base.prototype.css=function(attr,value){ for(var i=0;i<this.elements.length;i++){ this.elements[i].style[attr]=value; } return this;}Base.prototype.html=function(str){ for(var i=0;i<this.elements.length;i++){ this.elements[i].innerHTML=str; } return this;}Base.prototype.click=function(fn){ for(var i=0;i<this.elements.length;i++){ this.elements[i].onclick=fn; } return this;}
demo.js
window.onload=function(){ var base=new Base(); $().getId('box').css('color','red').css('backgroundColor','yellow'); $().getTagName('p').css('color','red'); $().getTagName('p').html('xiaoxi'); $().getTagName('p').click(function(){ alert("hello"); });};
- js学习笔记--封装库--连缀
- JS封装库--连缀
- 学习笔记-博客前段-封装库-连缀
- [js项目]封装库-连缀
- JS——封装一个可以连缀的DOM库
- 封装常用的js(Base.js)——【01】理解库,获取节点,连缀,
- 封装简单的连缀功能库
- javascript之博客前端连缀,css自定义封装代码笔记
- 封装原生javascript连缀
- js连缀1
- js—连缀
- JS学习笔记-OO疑问之封装
- JavaScript基础入门 封装DOM 连缀
- 网页制作学习3----实现连缀功能
- jQuery学习笔记(四)封装js框架
- js 封装学习
- js笔记:Js封装库——css选择器
- 连缀介绍和简单库对象
- Build Qt5 Source 配置Qt5
- CAB的制作
- 动态查找表之二叉排序树
- Zigbee地址分配(二)
- Android游戏开发学习路线
- js学习笔记--封装库--连缀
- Python学习资料收集
- BMP图像存储格式
- 字符串转化为正数
- android xml 属性收集
- 黑马程序员_java集合框架上
- 厦大oj1438简单题、map
- 点击图片随机变换
- 如何通过逐浪CMS微信模块审核微信公众帐号