/*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>