Jquery 修改class样式的代码示例

发布时间:2020-02-03编辑:脚本学堂
本篇文章介绍一个Jquery实现的可以修改class样式的代码,有需要的朋友,可以参考下。

1、html内容部分
 

<ul>
<li><a onclick="ajaxgetlist(1);" href="javascript:void(0);" class="mainfhove" id="page1">1</a></li>
<li><a onclick="ajaxgetlist(2);" href="javascript:void(0);" class="" id="page2">2</a></li>
<li><a onclick="ajaxgetlist(3);" href="javascript:void(0);" class="" id="page3">3</a></li>
<li><a onclick="ajaxgetlist(4);" href="javascript:void(0);" class="" id="page4">4</a></li>
<li><a onclick="ajaxgetlist(5);" href="javascript:void(0);" class="" id="page5">5</a></li>
<li><a onclick="ajaxgetlist(6);" href="javascript:void(0);" class="" id="page6">6</a></li>
</ul>

2、js代码部分
 

复制代码 代码示例:
<script language="javascript">
/**
* 动态调商品展示列表
* Edit www.jb200.com
*/
function ajaxgetlist(page)
{
    for(i = 1; i <= 6 ; i++)
    {
        if (i == page)
        {
            $("#page"+page).addClass("mainfhove");   
        }
        else
        {
            $("#page"+i)[0].className = "";
        }
    }
}
</script>
 

有兴趣的朋友,可以亲自动手测试下,看看效果如何?!