简单封装js的dom查询实例代码
2016-07-08 10:58
751 查看
最近一直在啃犀牛书,有感,于是写了个简单的js的dom查询
$ = function (val) { switch(val.charAt(0)) { case '#' : return document.getElementById(val.substring(1)); break; case '.' : val = val.replace('.',''); if(document.getElementsByClassName) return document.getElementsByClassName(val); else { var obj = document.getElementsByTagName('*'),len = obj.length,arr=[]; for(var i=0;i<len;i++) { if(obj[i].className == val) { arr[arr.length] = obj[i]; } } return arr; } break; default : if(document.getElementsByName(val).length > 0) return document.getElementsByName(val); else return document.getElementsByTagName(val); } }
这样一实现,以后调用id时,只需 $('#idname'),class时$('.classname'),TagName和Name都是做了个简单的判断,都是直接传 $('name'),我试了下,感觉还可以。
以上这篇简单封装js的dom查询实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js数组实现图片轮播
- Mootools 1.2教程(2) DOM选择器
- DOM 事件流详解
- js可突破windows弹退效果代码
- Dom在ajax技术中的作用说明
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 爆炸式的JS圆形浮动菜单特效代码
- javascript针对DOM的应用分析(三)
- Dom 是什么的详细说明
- javascript针对DOM的应用分析(五)
- js select常用操作控制代码
- JS实现不使用图片仿Windows右键菜单效果代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例