标签：
JQ选项卡实列
<style> #div1 div{ width:200px; height:200px; border:1px red solid; display:none;} .active{ background:red;} </style> <script type="text/javascript" src="jquery-1.10.1.min.js"></script> <script> $(function(){ $(‘#div1‘).find(‘input‘).click(function(){ $(‘#div1‘).find(‘input‘).attr(‘class‘,‘‘); $(‘#div1‘).find(‘div‘).css(‘display‘,‘none‘); $(this).attr(‘class‘,‘active‘); $(‘#div1‘).find(‘div‘).eq( $(this).index() ).css(‘display‘,‘block‘); }); }); </script> </head> <body> <div id="div1"> <input class="active" type="button" value="1" /> <input type="button" value="2" /> <input type="button" value="3" /> <div style="display:block">111111</div> <div>222222</div> <div>333333</div> </div> </body> </html>
JQ下的常用方法
标签：
原文地址：http://www.cnblogs.com/thinkpad/p/4906511.html
