jquery查询div列表下第一个div并它的改变class属性

做网站的时候想给div下列表中的第一子div增加高亮属性怎么实现呢？这里需要用js获取第一个子div，然后修改它的class属性即可实现。这里就来说说利用jquery查询div列表下第一个div并它的改变class属性。

具体请看下面的代码：

<div  id="jhdy">
      <div  class="normal">
            激活就字变红
      </div>
      <div  class="normal">
            激活就字变红
      </div>
      <div  class="normal">
            激活就字变红
      </div>
      <div  class="normal">
            激活就字变红
      </div>
</div>

<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script> //引入jQuery库

<script>
$("#jhdy").each(function(){
      $(this).find("div").first().addClass("active");
    });
</script>

通过以上代码刷新进入页面就会实现以下效果：

<div  id="jhdy">
      <div  class="active"> <!--class属性变为active-->
            激活就字变红
      </div>
      <div  class="normal">
            激活就字变红
      </div>
      <div  class="normal">
            激活就字变红
      </div>
      <div  class="normal">
            激活就字变红
      </div>
</div>

最终实现默认第一个div激活的效果图如上，如果你做网站也需要这个效果，就试试看吧！