jquery 与 css相关

wentao365

于 2014-12-17 12:52:07 发布

阅读量224

点赞数

分类专栏： Jquery div-css 网站前台文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/wentao365/article/details/84691612

版权

网站前台同时被 3 个专栏收录

38 篇文章 0 订阅

订阅专栏

Jquery

6 篇文章 0 订阅

订阅专栏

div-css

5 篇文章 0 订阅

订阅专栏

1：遍历css 相关dom的值

<script type="text/javascript" src="/js/jquery/jquery-1.8.1.min.js"></script>

<a href="tiepian_add.jsp" title="创建贴片">
<button class="button orange1 medium">创建贴片</button>
</a>
<a href="tiepian_list.jsp" title="贴片列表">
<button class="button orange2 medium">贴片列表</button>
</a>
<a href="tiepian_fabu.jsp" title="已经发布的微信号">
<button class="button orange medium">发布通知</button>
</a>

<script type="text/javascript">
      $(".button").each(function(index,dom){
          if(index==1){
              $(this).toggleClass("orange", false);
              $(this).toggleClass("white", true);
          }else{
              $(this).toggleClass("orange", true);
              $(this).toggleClass("white", false);
          }
      })
</script>