爱程序网

一句实现jquery导航栏

来源: 阅读:

/*mine

才疏学浅,望大神绕行

*/
.current{
  color: red;
  font-size: large;
}

$(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>

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助