/*mine css */ .current{ color: red; font-size: large; }
/** js */ $(function(){ //实现点击标题的css和.lev1下面的a标签元素的显示/隐藏 $(".lev1 > a").click(function(){ $(this).addClass("current").next().show().parent().siblings().children("a").removeClass("current").next().hide(); return false; }) });
<div> <ul> <li class="lev1"> <a href="#">衬衫</a> <ul class="lev2"> <li><a href="#">格兰仕</a></li> <li><a href="#">阿尔族</a></li> <li><a href="#">森马</a></li> </ul> </li><br/> <li class="lev1"> <a href="#">羊毛衫</a> <ul class="lev2"> <li><a href="#">羊毛衫1</a></li> <li><a href="#">羊毛衫2</a></li> <li><a href="#">羊毛衫3</a></li> </ul> </li> </ul> </div>
下列与上例子无关:
<!--。与上边无关。--> <!--在id为table的表格tbody中,若每行的checkbox没被禁用,则改变其背景为red;--> $("#table>tbody>tr:has(td:has(:checkbox:enabled))").css("background","red"); <tbody> <tr> <td><input type="checkbox" disabled="disabled">x1</td> <td>aaaaa</td> </tr> <tr> <td><input type="checkbox">x2</td> <td>bbbbb</td> </tr> </tbody>