日期:2014-05-16  浏览次数:20659 次

JQUERY赋予CLASS值
各位好:刚搞了一个JQUERY的折叠样式.
不知道怎么样做ADD CLASS的样式.
麻烦各位帮忙看下

JQUERY代码
------------------------
 <script type="text/javascript">
jQuery(document).ready(function(){
jQuery("div.text").show(); 
jQuery(".slidshow").click(function(){
jQuery(this).next(".text").slideToggle("slow");
})
});
</script>



HTML代码
------------------------
<a class="slidshow" style="font-size:12px;">分类导航</a>



------------------------
希望可以变为下面样式
<a class="slidshow on" style="font-size:12px;">分类导航</a>


------------------------

添加CLASS部分为slidshow ========> slidshow on





先谢过各位


------解决方案--------------------
JScript code
$(".slidshow").attr("class","slidshow on");

------解决方案--------------------
HTML code
<style type="text/css">
.on{background:#f00;color:White;}
</style>
<a class="slidshow" style="font-size:12px;">分类导航</a><div class="text">希望可以变为下面样式</div>

<script type="text/javascript" src="jq.js"></script>
 <script type="text/javascript">
     jQuery(document).ready(function () {
         jQuery("div.text").show();
         jQuery(".slidshow").click(function () {
             jQuery(this).next(".text").slideToggle("slow");
             $(this)[this.className.indexOf('on') != -1 ? 'removeClass' : 'addClass']('on');//////
         }).addClass('on');
     });
</script>