標籤：def 直接 charset sub nbsp efault fun body break
之前剛好想要簡單的模仿jQuery的選取器，今天就剛好學到了，簡單點，功能也沒有jQuery的完美，實用方便，但是勉強還可以用。
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div{ width: 100px; height: 100px; background-color: pink; margin: 10px; } </style></head><body><div class="dome"></div><div></div><div class="test"></div><div></div><div class="dome test"></div><div></div><div></div><div></div><div class="dome"></div><div></div><script> $(".dome")[0].style.backgroundColor = "blue"; function $(str){ var s = str.charAt(0); var ss = str.substr(1); switch(s){ case "#": return document.getElementById(ss); break; case ".": return getClass(ss); break; default : return document.getElementsByTagName(ss); } } function getClass(className){ //如果瀏覽器支援著，則直接返回 if(document.getElementsByClassName){ return document.getElementsByClassName(className); } //不支援的瀏覽器 var arr = []; var dom = document.getElementsByTagName("*"); for(var i=0; i < dom.length; i++){// if(dom[i].className == className){// arr.push(dom[i]);// }i //改進後的class var txt = dom[i].split(" ");//["dome","test"] for(var j=0; j < txt.length; j++){ if(txt[j] == className){ arr.push(dom[i]); } } } return arr; }</script></body></html>
js--模仿jQuery的選取器
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
