快捷導(dǎo)航

javascript學習(一)構(gòu)建自己的JS庫

更新時間：2013年01月02日 17:31:09 作者：

庫是一個飽受爭議的熱門話題。一種觀點認為它是一種非常棒的工具，是任何開發(fā)者都不可或缺的；另一種觀點則認為在不理解庫的內(nèi)部工作原理的情況下對庫形成依賴，會助長懶惰的風氣從而導(dǎo)致開發(fā)者素質(zhì)下降

前言
庫是一個飽受爭議的熱門話題。一種觀點認為它是一種非常棒的工具，是任何開發(fā)者都不可或缺的；另一種觀點則認為在不理解庫的內(nèi)部工作原理的情況下對庫形成依賴，會助長懶惰的風氣從而導(dǎo)致開發(fā)者素質(zhì)下降。但是不管怎么樣，好像每個人都贊同編寫自己的庫，況且把自己日常用到的東西合并到一起本身就是一件有意義的事情。

下面我們開始建立自己的JS庫，并編寫兩個自己的方法

復(fù)制代碼代碼如下:

 
//作者： 
//時間：2012-11-13 
(function(){ 

window['LS']={}; 

function $(){ 
var elements =new Array(); 
var element; 
for(var i=0;i<arguments.length;i++){ 
if(typeof(arguments[i])=="string"){ 
element=document.getElementById(arguments[i]); 
} 
if(arguments.length==1){ 
return element; 
} 

elements.push(element); 
} 
return elements; 
} 
window['LS']['$']=$; 

function getElementByClassName(className,tag){ 
var allTags=document.getElementsByTagName(tag); 
var matchingElements=new Array(); 

className=className.replace(/\-/g,"\\-"); //不明白這句話是什么意思。 
var regex=new RegExp("(^|\\s)*"+className+"(\\s|$)"); 

var element; 

for(var i=0;i<allTags.length;i++){ 
element=allTags[i]; 
if(regex.test(element.className)){ //這個element.className也不明白是什么意思 
matchingElements.push(element); 
} 
} 
return matchingElements; 
} 
window['LS']['getElementByClassName']=getElementByClassName; 
})() //如果不加（）不能執(zhí)行 