zoukankan      html  css  js  c++  java
  • addClass()使用方法

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

    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'){
              return'text-red';
          }
        });
    </script>
  • 相关阅读:
    prometheus之五:kube-state-metrics
    prometheus之四:node-exporter
    go语言基础
    EFK+kafka集群实战
    K8S 集群排错指南
    短信倒计时
    微信消息模板
    阿里大鱼
    mui下拉加载
    php无限极分类
  • 原文地址:https://www.cnblogs.com/meowcool/p/7280807.html
Copyright © 2011-2022 走看看