简单封装js的dom查询实例代码
最近一直在啃犀牛书,有感,于是写了个简单的js的dom查询
$=function(val){ switch(val.charAt(0)){ case'#': returndocument.getElementById(val.substring(1)); break; case'.': val=val.replace('.',''); if(document.getElementsByClassName) returndocument.getElementsByClassName(val); else{ varobj=document.getElementsByTagName('*'),len=obj.length,arr=[]; for(vari=0;i<len;i++){ if(obj[i].className==val){ arr[arr.length]=obj[i]; } } returnarr; } break; default: if(document.getElementsByName(val).length>0) returndocument.getElementsByName(val); else returndocument.getElementsByTagName(val); } }
这样一实现,以后调用id时,只需$('#idname'),class时$('.classname'),TagName和Name都是做了个简单的判断,都是直接传$('name'),我试了下,感觉还可以。
以上这篇简单封装js的dom查询实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。