快捷導(dǎo)航

javascript學(xué)習(xí)(一)構(gòu)建自己的JS庫(kù)

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

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

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

下面我們開(kāi)始建立自己的JS庫(kù)，并編寫(xiě)兩個(gè)自己的方法

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

 
//作者： 
//時(shí)間：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)){ //這個(gè)element.className也不明白是什么意思 
matchingElements.push(element); 
} 
} 
return matchingElements; 
} 
window['LS']['getElementByClassName']=getElementByClassName; 
})() //如果不加（）不能執(zhí)行 