您好,登錄后才能下訂單哦!
<!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>
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。