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>

相關標籤/搜索