注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

前端攻城师 郭培的博客

Be the best you can

 
 
 

日志

 
 
关于我

前端技术:http://hszy00232.blog.163.com/ 前端设计:http://blog.sina.com.cn/hsjs00232 职业:web前端工程师 现居地:北京 My QQ:365246295 Mail:hszy00232@163.com

网易考拉推荐

javascript中自定义自己的$  

2011-03-03 22:54:36|  分类: javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

在多个脚本库中$是用来代替document.getElementById使用的,现在开始自定义一个自己的$,用在自己的脚本中。

 1 function $(){
 2     //用来存取查找到的元素
 3     var elements=new Array();
 4     //查找做为参数提供的所有元素
 5     for(var i=0;i<arguments.length;i++){
 6         var element=arguments[i];
 7         //如果参数类型是字符串那假设它是一个id
 8         if(typeof element=="string"){
 9             element = document.getElementById(element);
10         }
11         //判断参数个数
12         if(arguments.length==1){
13             //如果参数个数是1,则立即返回该元素
14             return element;
15         }else{
16             //如果参数个数不是1,则把查找到的元素存在elements数组中
17             elements.push(element);
18         }
19     }
20     //返回查找到的元素的数组
21     return elements;
22 }

这个$符号可以传入一个id字符串,则返回一个元素;如果传入多个id字符串,则可以返回一个包含多个元素的数组。

 1 //html
 2 <div id="cont">
 3     <ul>
 4     <li id="one">1</li>
 5     <li id="two">2</li>
 6     <li id="three">3</li>
 7     <li id="4">4</li>
 8     <li>5</li>
 9     <li>6</li>
10     <li>7</li>
11     <li>8</li>
12     </ul>
13 </div>

测试脚本:

1 $("cont").style.color="#f00";
2 var list = $("one","two","three");
3 list.style.color="#000";
4 forvar i=0;i<list.length;i++){
5     list[i].style.color="#000";
6 }       

缩写版的$定义:

1 function $(id){
2     return (id) && (typeof id === 'string' ? document.getElementById(id) : id);
3 }

 

  评论这张
 
阅读(524)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017