<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>通过javascript直接实现jQuery的$(".class1")方法</title> <mce:script type="text/javascript" src="style/jquery.min.js" mce_src="style/jquery.min.js"></mce:script> <mce:script type="text/javascript"><!-- //通过javascript直接实现jQuery的$(".class1")方法 //思路是先找到同类标签,比如div,table然后遍历数组判断 //这里实现了div标签的遍历,比葫芦画瓢,依次实现table,body等 function fCheck(){ var classArray = [];//用来保存class相同的元素的数组 var divArr = document.getElementsByTagName("div");//根据标签名取得同类标签 for(var i=0;i<divArr.length;i++){//遍历同类标签 var divAttr = divArr[i].className;//判断类名 if(divAttr != ""){//如果没有class属性,则为空 if(divAttr == "class1"){//如果类似匹配,则放入数组 classArray.push(divArr[i]); } } } for(var j=0;j<classArray.length;j++){ alert(classArray[j].innerHTML); } } // --></mce:script> </head> <body> <div id="div1" οnclick="fCheck();">click <div class="class1">1</div> <div class="class1">2</div> <div class="class1">3</div> </div> </body> </html>