jquery 隐藏和显示指定的UL>LI片断

时间 2019-12-23

原文原文链接

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>测试UL</title> <script language="javascript" src="js/jquery-1.5.1.js"></script> <script language="javascript"> $(document).ready(function(){ //alert("出现提示"); //隐藏 class ="a01"的UL下的全部的LI //$("ul.a01 >li ").hide("slow"); //点击class=01的BUTTON 隐藏class=a01的LI $("button.01").click(function(){ $("ul.a01 >li ").hide("slow"); }); //显出出来 $("button.02").click(function(){ $("ul.a01 >li ").show("slow"); }); }); </script> </head> <body> <ul class="a01"> <li>123123</li> <li>432434</li> <li>656546</li> <li>444335</li> </ul> <ul class="a02"> <li>123123</li> <li>432434</li> <li>656546</li> <li>444335</li> </ul> <button class="01">隐藏</button> <button class="02">显示</button> </body> </html>