京东js方法库tabClass的用法记录。

适用场景：指向一个div时，需要为该类添加一个新的class。注意（很多情况我们都用  div:hover {}）来解决的，此法确实可以，但在IE6下却得不到支持。如果不想在兼容IE6，完全可以忽略此文不看。

 

使用方法：

<div class="li j-module" module-function="tabClass" module-param="{node:'.li', defaultClass:'li-hover'}">

解说：当指向这个<div class="li j-module">时，系统会增加一个新的样式li-hover（配置信息请看module-param）。样子如：<div class="li j-module li-hover">...</div>。

接下来便可以针对该class设置不同的样式了，如下：

.li { background:#fff; color:#000; }
.li-hover { background:#000; color:#fff; }

正常情况下，.li为白色背景，黑色文字。指向状态下，.li为黑色背景，白色文字。

转载于:https://www.cnblogs.com/jdsdk/p/tabclass.html