1 //通过类名获取元素
2 function getByClass(oParent,sClass){
3 //高版本浏览器使用系统自带方法
4 if(oParent.getElementsByClassName){
5 return oParent.getElementsByClassName(sClass);
6 }else{//ie8及以下 先通过标签名获取此元素父级下的所有元素 再用正则匹配出符合条件的元素
7 var arr=[];
8 var reg=new RegExp('\\b'+sClass+'\\b');
9 var aEle=oParent.getElementsByTagName('*');
10 for(var i=0; i<aEle.length; i++){
11 if(reg.test(aEle[i].className)){
12 arr.push(aEle[i]);
13 }
14 }
15 return arr;
16 }
17 }
18
19 function getByStr(aParent,str){
20 var aChild=[];
21
22 for(var i=0; i<aParent.length; i++){
23 switch (str.charAt(0)){
24 case '#':
25 var obj=document.getElementById(str.substring(1));
26 aChild.push(obj);
27 break;
28 case '.':
29 var aEle=getByClass(aParent[i],str.substring(1));
30
31 for(var j=0; j<aEle.length; j++){
32 aChild.push(aEle[j]);
33 }
34 break;
35 default:
36 if(/\w+\[\w+=\w+\]/.test(str)){ //input[type=button]
37 var aStr=str.split(/\[|=|\]/);
38 var aEle=aParent[i].getElementsByTagName(aStr[0]);
39 for(var j=0; j<aEle.length; j++){
40 if(aEle[j].getAttribute(aStr[1])==aStr[2]){
41 aChild.push(aEle[j]);
42 }
43 }
44 }else if(/\w+:\w+(\(\d+\))?/.test(str)){ //li:first li:eq(3)
45 var aStr=str.split(/:|\(|\)/);
46 var aEle=aParent[i].getElementsByTagName(aStr[0]);
47 switch (aStr[1]){
48 case 'first':
49 aChild.push(aEle[0]);
50 break;
51 case 'last':
52 aChild.push(aEle[aEle.length-1]);
53 break;
54 case 'eq':
55 aChild.push(aEle[aStr[2]]);
56 break;
57 case 'lt':
58 for(var j=0; j<aStr[2]; j++){
59 aChild.push(aEle[j]);
60 }
61 break;
62 case 'gt':
63 for(var j=parseInt(aStr[2])+1; j<aEle.length; j++){
64 aChild.push(aEle[j]);
65 }
66 break;
67 case 'odd':
68 for(var j=1; j<aEle.length; j+=2){
69 aChild.push(aEle[j]);
70 }
71 break;
72 case 'even':
73 for(var j=0; j<aEle.length; j+=2){
74 aChild.push(aEle[j]);
75 }
76 break
77
78 }
79
80 }else if(/\w+>\w+/.test(str)){ //ul>li
81 var aStr=str.split('>');
82 var aEle=aParent[i].getElementsByTagName(aStr[0]);
83 for(var j=0; j<aEle.length; j++){
84 for(var k=0; k<aEle[j].children.length; k++){
85 if(aEle[j].children[k].tagName.toLowerCase()==aStr[1]){
86 aChild.push(aEle[j].children[k]);
87 }
88 }
89 }
90 }else{
91 var aEle=aParent[i].getElementsByTagName(str);
92
93 for(var j=0; j<aEle.length; j++){
94 aChild.push(aEle[j]);
95 }
96 }
97 break;
98 }
99 }
100
101 return aChild;
102 }
103 //选择器(实质就是一层一层的向下找)
104 function getEle(str,aParent){
105 var arr=str.replace(/^\s+|\s+$/g,'').split(/\s+/);
106
107 var aParent=aParent || [document];
108 var aChild=[];
109
110 for(var i=0; i<arr.length; i++){
111 aChild=getByStr(aParent,arr[i]);
112
113 aParent=aChild; //这一次选出来结果，作为下一次父级
114 }
115
116 return aChild;
117 }
