你的位置:首页 > Java教程

[Java教程]一句实现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 >
      <a href="#">衬衫</a>
      <ul >
        <li><a href="#">格兰仕</a></li>
        <li><a href="#">阿尔族</a></li>
        <li><a href="#">森马</a></li>
  </ul>
  </li><br/>
    <li >
    <a href="#">羊毛衫</a>
      <ul >
        <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>