原生JavaScript简单模拟jquery选择器

作者：管理员

发布时间：2013/7/13 10:48:29

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=290

//简单模拟jquery选择器
var obj = function(str,parEle){ 
	str = str.split(" ");
	var par = [];
	parEle = parEle||document;
	var retn = [ parEle ] ;
	for( var i in str ){ if(str[i].length!=0) par.push(str[i]) } //去掉重复空格
	for( var i in par ){ 
		if( retn.length==0 ) return false;
		var _retn = [];
		for ( var r in retn )
		{
			if( par[i][0] =="#" ) _retn.push( document.getElementById( par[i].replace("#","") ) );
			else if( par[i][0] =="." ){
				var tag = retn[r].getElementsByTagName('*');
				for( var j=0; j<tag.length; j++ ){
					var cln = tag[j].className;
					if( cln && cln.search(new RegExp("\\b" + par[i].replace(".","") + "\\b"))!=-1 ){ _retn.push( tag[j] ); }
				}
			}
			else { var tag = retn[r].getElementsByTagName( par[i] ); for( var j=0; j<tag.length; j++ ){ _retn.push( tag[j] ) } }
		}
		retn =_retn;
	}
	
	return retn.length==0 || retn[0] == parEle ? false:retn;
}