資訊專欄INFORMATION COLUMN
摘要：初步體驗(yàn)這個(gè)版本呢先來(lái)加四個(gè)很簡(jiǎn)單的方法感受感受下首先個(gè)不用說(shuō)了然后新增一個(gè)鏈?zhǔn)綔y(cè)試這些其實(shí)都很簡(jiǎn)單我們都要記住我們封裝的對(duì)象是一個(gè)數(shù)組所以一定都需要用循環(huán)來(lái)進(jìn)行各種個(gè)樣的處理然后這我是用的個(gè)數(shù)來(lái)進(jìn)行判斷是取值還是設(shè)值最后千萬(wàn)別忘了每個(gè)方
Lesson-1 初步體驗(yàn)
這個(gè)版本呢,先來(lái)加四個(gè)很簡(jiǎn)單的方法感受感受下!
首先3個(gè)class不用說(shuō)了
hasClass : function(cls) {
var reg = new RegExp("(s|^)" + cls + "(s|$)");
for (var i = 0; i < this.length; i++) {
if (this[i].className.match(reg)) return true;
return false;
}
return this;
},
addClass : function(cls) {
var reg = new RegExp("(s|^)" + cls + "(s|$)");
for (var i = 0; i < this.length; i++) {
if(!this[i].className.match(reg))
this[i].className += " " + cls;
}
return this;
},
removeClass : function(cls) {
var reg = new RegExp("(s|^)" + cls + "(s|$)");
for (var i = 0; i < this.length; i++) {
if (this[i].className.match(reg))
this[i].className = this[i].className.replace(" " + cls,"");
}
return this;
}
然后新增一個(gè)
css : function(attr,val) {//鏈?zhǔn)綔y(cè)試
console.log(this.length);
for(var i = 0;i < this.length; i++) {
if(arguments.length == 1) {
return getComputedStyle(this[i],null)[attr];
}
this[i].style[attr] = val;
}
return this;
}
這些其實(shí)都很簡(jiǎn)單,我們都要記住,我們封裝的DOM對(duì)象是一個(gè)數(shù)組,所以一定都需要用循環(huán)來(lái)進(jìn)行各種個(gè)樣的處理.
然后css這我是用arguments的個(gè)數(shù)來(lái)進(jìn)行判斷是取值還是設(shè)值.
最后千萬(wàn)別忘了每個(gè)方法的最后都要return this以便鏈?zhǔn)秸{(diào)用.
大家可以自行拿這幾個(gè)方法 log出來(lái)看看是否是與jQuery的一樣就知道是否成功了.
您的star就是我快速更新的動(dòng)力 : )
github地址: https://github.com/MeCKodo/forchange/tree/master/lesson-1
可想造一個(gè)屬于你自己的jQuery庫(kù)?(一)：http://segmentfault.com/a/1190000003994531
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/49660.html
摘要：初步體驗(yàn)這個(gè)版本呢先來(lái)加四個(gè)很簡(jiǎn)單的方法感受感受下首先個(gè)不用說(shuō)了然后新增一個(gè)鏈?zhǔn)綔y(cè)試這些其實(shí)都很簡(jiǎn)單我們都要記住我們封裝的對(duì)象是一個(gè)數(shù)組所以一定都需要用循環(huán)來(lái)進(jìn)行各種個(gè)樣的處理然后這我是用的個(gè)數(shù)來(lái)進(jìn)行判斷是取值還是設(shè)值最后千萬(wàn)別忘了每個(gè)方 Lesson-1 初步體驗(yàn) 這個(gè)版本呢,先來(lái)加四個(gè)很簡(jiǎn)單的方法感受感受下! 首先3個(gè)class不用說(shuō)了 hasClass : function(c...
摘要：初步體驗(yàn)這個(gè)版本呢先來(lái)加四個(gè)很簡(jiǎn)單的方法感受感受下首先個(gè)不用說(shuō)了然后新增一個(gè)鏈?zhǔn)綔y(cè)試這些其實(shí)都很簡(jiǎn)單我們都要記住我們封裝的對(duì)象是一個(gè)數(shù)組所以一定都需要用循環(huán)來(lái)進(jìn)行各種個(gè)樣的處理然后這我是用的個(gè)數(shù)來(lái)進(jìn)行判斷是取值還是設(shè)值最后千萬(wàn)別忘了每個(gè)方 Lesson-1 初步體驗(yàn) 這個(gè)版本呢,先來(lái)加四個(gè)很簡(jiǎn)單的方法感受感受下! 首先3個(gè)class不用說(shuō)了 hasClass : function(c...
摘要：修改里的判斷新增我們知道在中還有一種選擇器寫法在加載完畢后馬上就執(zhí)行這樣的方法會(huì)比更快所以對(duì)于我們來(lái)說(shuō)一定是必不可少的我們?cè)诜椒ㄖ幸略鲆韵屡袛嗍紫瓤赡転榈那闆r比如傳入的是原生對(duì)象數(shù)組對(duì)象另外要記得轉(zhuǎn)為數(shù)組因?yàn)橛锌赡苁且粋€(gè)元素比如是等否則 Lesson-3 修改f(selector) 里的判斷,新增domReady 我們知道在jQuery中還有一種選擇器寫法 $(function()...
閱讀 1766·2021-09-27 14:02
閱讀 3181·2021-09-27 13:36
閱讀 1057·2019-08-30 12:46
閱讀 1844·2019-08-30 10:51
閱讀 3583·2019-08-29 17:02
閱讀 957·2019-08-29 16:38
閱讀 1856·2019-08-29 16:37
閱讀 3034·2019-08-26 10:32
