超强强$代码-WEB开发人员网络-XML

<div id="a" class="a" >aaa
  <div id="a1" class="a" >a1
  <div id="a1" class="b" w="1">a1

</div>
   </div>
</div>

alert($("div:class=b")[0].innerHTML)

</script>

提示：您可以先修改部分代码再运行

<body>
<b class="Aa">xxxxx</b>
<div class="Aa" id="tes">bbsdd</div>
<div class="Aa">xxcccxxx</div>
<div class="Aab">xxcccxxx</div>
<input type="text" value="1111" />
<form>
<input type="text" name="Aa" value="1111" />
<input type="text" va  />
<input type="password" va="ps" />
<div>testsss</div>
</form>
<script type="text/javascript">
function $(s, o, c) {
            var r = [];o = o || document; s = s || "*";
            if (/^\w+$/.test(s) || s == "*") return o.getElementsByTagName(s);
            if (/^#.+$/.test(s)) return o.getElementById(s.substr(1));
            if (/^\..*$/.test(s)) {
                s = s.substr(1);o = o == document ? this.$() : o; c = c || "class";
                for (var k = 0; k < o.length; k++) if (o[k].getAttributeNode(c)) if (o[k].getAttributeNode(c).value == s || s == "") r.push(o[k]);
                return r;
            }
            if (/^\w+\..*$/.test(s)) return this.$(s.replace(/^(\w+)\.(.*)$/, "$1:class=$2"));
            if (/^\w+:\w+$/.test(s)) return this.$(s+"=");
            if (/^\w+:\w+=.*$/.test(s)) {
                r = s.split(/:|=/);
                return this.$("." + (r[2]?r[2]:""), this.$(r[0], o), r[1]);
            }
            return null;
}
alert('$("*").length:'+$("*").length+'\n\n$(".").length:'+$(".").length+'\n\n$().length:'+$().length+'\n\n $("div", $("form")[0]).length:'+$("div", $("form")[0]).length+'\n\n $("#tes").innerHTML:'+$("#tes").innerHTML+'\n\n $(".Aa").length:'+$(".Aa").length+'\n\n $("div.Aab").length:'+$("div.Aab").length+'\n\n $("input:type=text", $("form")[0]).length:'+$("input:type=text", $("form")[0]).length+'\n\n $("b.Aa").length:'+$("b.Aa").length+'\n\n $("input:va"):'+$("input:va"));
</script>
</body>

提示：您可以先修改部分代码再运行

<body>
<b class="Aa">xxxxx</b>
<div class="Aa" id="tes">bbsdd</div>
<div class="Aa">xxcccxxx</div>
<div class="Aab">xxcccxxx</div>
<input type="text" value="1111" />
<form id="frm">
<input type="text" name="Aa" value="1111" />
<input type="text" value="1111" class="ts" />
<input type="password" value="1111" />
<div>testsss</div>
</form>
<script type="text/javascript">
function $(s, o, c){
        var o = o || document;
        if(!s) return o.getElementsByTagName("*");
        if(/^\w+$/.test(s)) return o.getElementsByTagName(s);
        if(/^#\w+$/.test(s)){
		o = o.getElementById(s.substr(1));
		o.html = function(c){
			if(c) return this.innerHTML = c;
			return this.innerHTML;
		}
		return o;
	}
        if(/^\.\w+$/.test(s)){
                var re = [], c = c || "className", o = o == document ? $() : o;
                for(var i = 0; i < o.length; i ++){
                        if(o[i][c] == s.substr(1)) re.push(o[i]);
                }
                return re;
        }
        if(/^\w+\.\w+$/.test(s)){
		var pe = s.split(".");
		return $("." + pe[1], $(pe[0], o));
	}
        if(/^\w+:\w+=\w+$/.test(s)){
		var pe = s.split(/:|=/);
		return $("." + pe[2], $(pe[0], o), pe[1]);
	}
	if(/^[^>]+>.+$/.test(s)){
		var pe = s.split(">");
		return $(pe[1], $(pe[0], o));
	}
}
alert($("#tes").html("<font color='red'>test</font>"));
alert($("#frm").html());
alert($("#frm>div").length);
alert($("#frm>input:type=text").length);
alert($("#frm>.ts").length);
</script>
</body>

提示：您可以先修改部分代码再运行

<body>
<b class="Aa">xxxxx</b>
<div class="Aa" id="tes">bbsdd</div>
<div class="Aa">xxcccxxx</div>
<div class="Aab">xxcccxxx</div>
<input type="text" value="1111" />
<form id="frm">
<input type="text" name="Aa" value="1111" />
<input type="text" va  />
<input type="password" va="ps" />
<div>testsss</div>
</form>
<script type="text/javascript">
function  $(s, o, c) {
	var r = RegExp;o = o || document; s = !s||s=='.'?'*':s;
	if (/^(\w+|\*)$/.test(s)) return o.getElementsByTagName(s);
	if (/^#(\w+)(?:[\s>]?(.*))?$/.test(s)) return r.$2?$(r.$2,o.getElementById(r.$1)):o.getElementById(r.$1);
	if (/^\.(.*)$/.test(s)) {
		c = (c?r.$1:'class='+r.$1).split('=');
		for(var t,i=0,ci,a = [],o = o.length?o:o.getElementsByTagName('*');ci=o[i++];)(t = ci.getAttributeNode(c[0]))&&(c[1]?t.value==c[1]:1)&&a.push(ci);	
		return a;
	}
	if (/^(\w+)(\..*)$/.test(s))return $(r.$2,$(r.$1,o));
	if (/^(\w+):(.*)$/.test(s)) return $("."+r.$2,$(r.$1,o),1)
	return null;
}
alert('$("*").length:'+$("*").length+'\n\n$(".").length:'+$(".").length+'\n\n$().length:'+$().length+'\n\n $("div", $("form")[0]).length:'+$("div", $("form")[0]).length+'\n\n $("#tes").innerHTML:'+$("#tes").innerHTML+'\n\n $(".Aa").length:'+$(".Aa").length+'\n\n $("div.Aab").length:'+$("div.Aab").length+'\n\n $("input:type=text", $("form")[0]).length:'+$("input:type=text", $("form")[0]).length+'\n\n $("b.Aa").length:'+$("b.Aa").length+'\n\n $("input:va"):'+$("input:va"));
alert('$("#frm div").length:'+$('#frm div').length+"\n"+'$("#frm>div").length:'+$('#frm>div').length)
</script>
</body>

提示：您可以先修改部分代码再运行