<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>UntitledDocument</title><linkrel="stylesheet"type="text/css"href="css/style.css"><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(){$("#btn1").click(function(){//选取所有可见的div元素$("div:visible").css("background","#ffbbaa");});//选择所有不可见的div元素$("#btn2").click(function(){//alert($("div:hidden").length);//show(time):可以使不可见的元素变为可见,time表示时间,以//毫秒为单位//jQuery的很多方法支持方法的连缀,即一个方法的返回值来时调用该//方法的jQuery对象:可以继续调用该对象的其他方法.$("div:hidden").show(2000).css("background","#ffbbaa");});//选择所有不可见的input元素$("#btn3").click(function(){//val()方法可以返回某一个表单元素的value属性值.alert($("input:hidden").val());});});</script></head><body><inputtype="button"value="选取所有可见的div元素"id="btn1"><inputtype="button"value="选择所有不可见的div元素"id="btn2"/><inputtype="button"value="选择所有不可见的input元素"id="btn3"/><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"value="123456789000"size="8"></div><divid="mover">正在执行动画的div元素.</div></body></html>