javascript學(xué)習(xí)(一)構(gòu)建自己的JS庫
更新時間：2013年01月02日 17:31:09 作者：
庫是一個飽受爭議的熱門話題。一種觀點認(rèn)為它是一種非常棒的工具，是任何開發(fā)者都不可或缺的；另一種觀點則認(rèn)為在不理解庫的內(nèi)部工作原理的情況下對庫形成依賴，會助長懶惰的風(fēng)氣從而導(dǎo)致開發(fā)者素質(zhì)下降
前言
庫是一個飽受爭議的熱門話題。一種觀點認(rèn)為它是一種非常棒的工具，是任何開發(fā)者都不可或缺的；另一種觀點則認(rèn)為在不理解庫的內(nèi)部工作原理的情況下對庫形成依賴，會助長懶惰的風(fēng)氣從而導(dǎo)致開發(fā)者素質(zhì)下降。但是不管怎么樣，好像每個人都贊同編寫自己的庫，況且把自己日常用到的東西合并到一起本身就是一件有意義的事情。
下面我們開始建立自己的JS庫，并編寫兩個自己的方法
//作者：
//時間：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í)行
本人是剛開始接觸javascript，里面注釋部分是我不懂的地方，也希望高人能指點一下。
庫是一個飽受爭議的熱門話題。一種觀點認(rèn)為它是一種非常棒的工具，是任何開發(fā)者都不可或缺的；另一種觀點則認(rèn)為在不理解庫的內(nèi)部工作原理的情況下對庫形成依賴，會助長懶惰的風(fēng)氣從而導(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í)行
本人是剛開始接觸javascript，里面注釋部分是我不懂的地方，也希望高人能指點一下。
相關(guān)文章
30分鐘內(nèi)讓你明白正則表達式是什么，并對它有一些基本的了解，讓你可以在自己的程序或網(wǎng)頁里使用它。2013-02-02
JavaScript CSS 修改學(xué)習(xí)第四章 透明度設(shè)置
今天我打算使用一些元素的透明度設(shè)置來實現(xiàn)淡出淡入效果。但是有些瀏覽器對于某些元素的透明度設(shè)置支持不夠。而且要設(shè)置表格的透明度，幾乎在所有的瀏覽器里面都不可能。2010-02-02
求得div 下 img的src地址的js代碼...2007-02-02
js的函數(shù)調(diào)用會免費奉送兩個而外的參數(shù)就是 this 和 arguments,我們所知道的應(yīng)該有4中調(diào)用方式吧，接下來將為您詳細(xì)介紹，感興趣的朋友可以參考下2012-12-12
JavaScript基礎(chǔ)語法、dom操作樹及document對象
本文介紹了學(xué)習(xí)javascript重要的3個內(nèi)容基礎(chǔ)語法、dom操作樹及document對象，小伙伴們一定要弄明白才行2014-12-12
這篇文章主要介紹了JavaScript中布爾對象的屬性解析,包括對constructor屬性和prototype構(gòu)造器的簡單介紹,需要的朋友可以參考下2015-10-10
這篇文章主要為大家詳細(xì)介紹了Javascript的防抖和節(jié)流，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
JavaScript italics方法入門實例（把字符串顯示為斜體）
這篇文章主要介紹了JavaScript italics方法入門實例,italics方法用于把字符串顯示為斜體,需要的朋友可以參考下2014-10-10
本篇適合javascript新手或者學(xué)了前端一段時間，對js概念不清晰的同學(xué)。本文將講述幾點對于初學(xué)者遇到的javascript的坑，相信對javascript基礎(chǔ)薄弱的同學(xué)，可以加深對javascript的理解2021-10-10
簡單學(xué)習(xí)JavaScript中的for語句循環(huán)結(jié)構(gòu)
這篇文章主要介紹了簡單學(xué)習(xí)JavaScript中的for語句循環(huán)結(jié)構(gòu),是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-11-11