这篇文章主要介绍了关于如实仿queryseletor来实现兼容ie 67，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
<!doctype html><html> <head> <meta charset="utf-8"> <meta name="generator" content="editplus®"> <meta name="author" content=""> <meta name="keywords" content=""> <meta name="description" content=""> <title>仿jquery查询</title> </head> <body> <div id="box"> <ul id="ulbox" class="ulbox" > <li></li> <li></li> <li></li> </ul> </div> <script type="text/javascript" src="domutil.js"></script> <script type="text/javascript"> function $(str){ /*#box .ulbox li*/ /* var currentele=document; 先取到#box 然后得到#box元素 保存在currentele中 然后在#box元素下取到.ulbox 考虑到类不是一个 所以一般取第一个操作就行 $(".box")[0] 保存在currentele中 然后在ul.box 下取到 li 保存在currentele中 每次查到元素 都要保存在一个变量中以便下次搜索时用 符串是用空格分开的 所以可以用 str.split(" ")分成好几个在遍历操作; */ currentele=document;//保存每次查询的元素节点 var arr=str.split(" ");//把字符串按空格分开变成数组 var len=arr.length; for(var i=0;i<len;i++) { var firstsign = arr[i].substr(0,1); if(firstsign!="." && firstsign!="#" ) { var name=arr[i].substr(0); } else{ var name =arr[i].substr(1); } switch(firstsign) { case "." : currentele=getelementsbyclassname(name)[0]; break; case "#" : currentele=currentele.getelementbyid(name); break; default : currentele=currentele.getelementsbytagname(name); } } return currentele; } console.log($(".box .ulbox li")); </script> </body></html>
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注！
相关推荐：
如何使用原生js来实现ajax
jquery中选择器引擎sizzle的解析
以上就是如实仿queryseletor来实现兼容ie 67的详细内容。