<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Inserttitlehere</title><styletype="text/css">div,span,p{width:140px;height:140px;margin:5px;background:#aaa;border:#0001pxsolid;float:left;font-size:17px;font-family:Verdana;}div.mini{width:55px;height:55px;background-color:#aaa;font-size:12px;}div.hide{display:none;}</style><scripttype="text/javascript"src="js/jquery-1.7.2.js"></script><scripttype="text/javascript">$(document).ready(function(){functionanmateIt(){//动画$("#mover").slideToggle("slow",anmateIt);}anmateIt();//选择第一个div元素$("#btn1").click(function(){$("div:first").css("background","#ffabab");});//选择最后一个div元素$("#btn2").click(function(){$("div:last").css("background","#ffabab");});//选择class不为one的所有div元素$("#btn3").click(function(){$("div:not(.one)").css("background","#ffabab");});//选择索引值为偶数的div元素$("#btn4").click(function(){$("div:even").css("background","#ffabab");});//选择索引值为奇数的div元素$("#btn5").click(function(){$("div:odd").css("background","#ffabab");});//选择索引值为大于3的div元素$("#btn6").click(function(){$("div:gt(3)").css("background","#ffabab");});//选择索引值为等于3的div元素$("#btn7").click(function(){$("div:eq(3)").css("background","#ffabab");});//选择索引值为小于3的div元素$("#btn8").click(function(){$("div:lt(3)").css("background","#ffabab");});//选择所有的标题元素$("#btn9").click(function(){$(":header").css("background","#ffabab");});//选择当前正在执行动画的所有元素$("#btn10").click(function(){$(":animated").css("background","#ffabab");});//选择id为two的下一个span元素$("#btn11").click(function(){$("#two").nextAll("span:first").css("background","#ffabab");});});</script></head><body><inputtype="button"value="选择第一个div元素"id="btn1"/><inputtype="button"value="选择最后一个div元素"id="btn2"/><inputtype="button"value="选择class不为one的所有div元素"id="btn3"/><inputtype="button"value="选择索引值为偶数的div元素"id="btn4"/><inputtype="button"value="选择索引值为奇数的div元素"id="btn5"/><inputtype="button"value="选择索引值为大于3的div元素"id="btn6"/><inputtype="button"value="选择索引值为等于3的div元素"id="btn7"/><inputtype="button"value="选择索引值为小于3的div元素"id="btn8"/><inputtype="button"value="选择所有的标题元素"id="btn9"/><inputtype="button"value="选择当前正在执行动画的所有元素"id="btn10"/><inputtype="button"value="选择id为two的下一个span元素"id="btn11"/><h4>基本选择器.</h4><br><br><divclass="one"id="one">id为one,class为one的div<divclass="mini">class为mini</div></div><divclass="one"id="two"title="test">id为two,class为one,title为test的div<divclass="mini"title="other">class为mini,title为other</div><divclass="mini"title="test">class为mini,title为test</div></div><divclass="one"><divclass="mini">class为mini</div><divclass="mini">class为mini</div><divclass="mini">class为mini</div><divclass="mini"></div></div><divclass="one"><divclass="mini">class为mini</div><divclass="mini">class为mini</div><divclass="mini">class为mini</div><divclass="mini"title="tesst">class为mini,title为tesst</div></div><divclass="none">style的display为"none"的div</div><divclass="hide">class为"hide"的div</div><div>包含input的type为"hidden"的div<inputtype="hidden"size="8"></div><spanid="span">^^span元素111^^</span><spanid="span">^^span元素222^^</span><divid="mover">正在执行动画的div元素.</div></body></html>