• js实现class样式的修改、添加及删除的方法


    本文实例讲述了js实现class样式的修改、添加及删除的方法。分享给大家供大家参考。具体分析如下:

    比较常见的js前端功能,通过修改标签的className实现相应的功能。

    具体代码如下:

    <table>
    <tbody>
    <tr>
    <td>js实现class的样式的修改、添加、删除</td>
    <td>
     <a e_value="g_sn" ename="商品编码" class="goods_sale_property" href="javascript:void(0);">商品编码</a>
     <a e_value="pdt_sn" ename="商品货号" class="goods_sale_property" href="javascript:void(0);">商品货号</a>
     <a e_value="pdt_name" ename="规格名称" class="goods_sale_property" href="javascript:void(0);">规格名称</a>
    </td>
    </tr>
    </tbody>
    <tbody>
        <tr>
                <td><a onclick="selectAll()" style="color:#F00">全选</a> </td>
                <td><a onclick="selectNotAll()" style="color:#F00">全不选</a></td>
            </tr> 
        </tbody>
    </table>
     
    <script>
    $('.goods_sale_property').click(function(){//单独a标签点击添加class
        if($(this).hasClass('goods_sale_property_checked')){
            $(this).removeClass('goods_sale_property_checked');
        }else{
            $(this).addClass('goods_sale_property_checked');
        }
    });
    function selectAll(){//全选添class
     $('.goods_sale_property').each(function(i){
            $(this).addClass('goods_sale_property_checked');
     }); 
    }
    function selectNotAll(){//全选删除class
     $('.goods_sale_property').each(function(i){
    $(this).removeClass('goods_sale_property_checked');
     }); 
    }
    </script>
  • 相关阅读:
    (转)分析索引快速获取索引信息
    ORA-16014报错解决
    (转)关于索引的一点知识
    (转)CentOS搭建Nagios监控
    (转)Autotrace工具使用——小工具,大用场
    Using ROWNUM in Oracle
    oracle回收站
    DBA 思想天空笔记
    Oracle trunc函数
    MVC5中使用SignalR2.0实现实时聊天室
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/4961545.html
Copyright © 2020-2023  润新知