1、定义一个类
2、类中增加一个方法
3、body中定义一个dom节点
4、脚本中把dom节点和类定义结合起来，实现特定的组件功能
示例：
<script>function TestWidegt(did){//定义一个组件类
var _self = document.getElementById(did)//根据id获取dom节点
this.addP=function(){//增加组件方法，这里就是添加一个节点
_self.innerHTML = '<p>111</p>'//在dom节点下添加节点p
}
return this//返回当前组件
}
function Test(){
var t = new TestWidegt('dv')//根据占位的dom节点定义组件
t.addP()//在占位节点中增加显示内容
}
</script>
<body>
<input type='button' value='测试组件'/>
<div id='dv'>111</div> 组件占位使用的dom节点
</body>
函数封装，添加合适的参数
如function aa(cla){$('.'+cla).html('你好')；
} 调用的时候aa("zz")zz是class类名
接下来，我讲封装一个仿jQuery的库，主要包含jQuery中绑定，css，等方法，我讲它定义为 "HQuery"
jQuery中的 $ 符号意味着什么？
先思考一下jQuery库中alert(typeof $)的结果，它是一个对象，也是一个函数
所以美元符$字面上是jQuery，其实就是一个jq对象，里面可以接受函数，字符串，还要一种是对象(比如this)
给自己的Hquery填加$符号：
Hquery是基于面向对象实现的，所以我们需要先写构造函数，为了方便遍历和其他方法的操作，所有内容返回到一个数组中，这个数组衣服于Hquery对象存在，之后将为这个Hquery对象属性添加方法
我们使用Hquery操作DOM等实现一系列的功能，选择器是必不可少的，所有我们首先封装好选择器，这样就可以能省去document.getElementsByClass等等麻烦的操作
其他的方法，我就不一一介绍了，下面直接给大家上一个多种方法封装好的，大家k'y
