Welcome to Delicate template
Header
Just another WordPress site
Header

jQuery给容器添加class

5月 4th, 2012 | Posted by 无 名 in jQuery | js

用jQuery给容器增加class或者移除class。
代码如下:

<script type="text/javascript" src="js/jquery.js"></script>
<div class="nav">
<ul>
  <li><a href="#" class="this">首页</a></li>  
  <li><a href="#" class="this">栏目一</a>
  <blockquote>
  <a href="#">子栏目一</a>
  <a href="#">子栏目二</a>
  <a href="#">子栏目三</a>
  <a href="#">子栏目四</a>
  </blockquote>
  </li>
  <li><a href="#" class="this">栏目二</a></li>      
  <li><a href="#" class="this">栏目三</a></li>
</ul>
</div>
<script type="text/javascript">
  jQuery(".nav li").hover(function(){
  jQuery(this).find("blockquote").stop(true,true).fadeIn();
  jQuery(this).addClass("cur");
  }, function(){
  jQuery(this).find("blockquote").stop(true,true).fadeOut();
  jQuery(this).removeClass("cur");
  });
</script>

可用于导航条显示子栏目时父栏目为选中状态。

You can follow any responses to this entry through the RSS 2.0 Both comments and pings are currently closed.