<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
//==========================定义立即执行函数，传入全局对象window start=======================================
(function(w) {
function duquery(id) { //定义函数，实现去new的操作
function Duquery(id) { //定义类
this.ele = document.getElementById(id); //ID查找
return this;
};
Duquery.prototype.html = function(val) { //利用原型添加设置html的方法
this.ele.innerHTML = val;
return this;
};
Duquery.prototype.attr = function(key, val) { //添加设置属性的方法
this.ele.setAttribute(key, val);
return this;
};
Duquery.prototype.css = function(key, val) { //添加设置样式的方法
this.ele.style[key] = val;
return this;
};
Duquery.prototype.on = function(event, fun) {
this.ele.addEventListener(event, fun, false);
return this;
};
return new Duquery(id); //去new处理，返回实例对象
};
duquery.wait = function(time, fun) { //添加延时静态方法，可以通过函数名直接使用
setTimeout(fun, time);
};
duquery.each = function() { //添加遍历迭代静态方法
for(var key in arr) {
callback(key, arr[key]);
}
};
w.$$ = w.duquery = duquery; //类追加到全局对象window上，页面可以直接调用
})(window)
//==========================定义立即执行函数，传入全局对象window end=======================================
window.onload = function() {
// $$('aa').html('阅读jquery源码');
}
function test() {
test.prototype.name='guoxiaopegn';
test.prototype.getname = function() {
alert(3333);
};
test.getStaticname = function() {
alert("全局函数");
}
}
// var t = new test();
// alert(t.name);
// t.getname();
// test.getStaticname();
var s = {
name: "zhangsan",
getName: function(name) {
alert(this.name);
}
}
alert(s.name);
</script>
</head>
<body>
<div id="aa">
我的封装dom测试
</div>
</body>
</html>
共同学习，写下你的评论
评论加载中...
作者其他优质文章
