首页 > 其他 > 详细

addClass()使用方法

时间:2017-08-03 17:20:27      阅读:259      评论:0      收藏:0      [点我收藏+]

含义:为元素添加指定的样式名 
具体用法分为以下两种:

1、可以一次添加一个或者多个用空格隔开的样式名

例:

<script>
$("ul li").addClass("text-red text-blue");
</script>

 

2、.addClass( function(index, currentClass) )function(index, currentClass)方法中第一个参数是当前元素的下标,第二个参数返回的是保持元素原有的样式值。 
例:给当前元素添加text-red样式遇到text-muted则跳过

<style>
    .text-red{
        color: red;
    }
</style>

<ul>
    <li>第一个</li>
    <li class="text-muted">第二个</li>
    <li>第三个</li>
    <li>第一个</li>
    <li class="text-muted">第二个</li>
    <li>第三个</li>
</ul>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
    $("ul li").addClass(function(i,currentClass) {
      if( currentClass !=text-muted){
          returntext-red;
      }
    });
</script>

 

addClass()使用方法

原文:http://www.cnblogs.com/meowcool/p/7280807.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!