读书人

JQUERY授予CLASS值

发布时间: 2012-09-15 19:09:28 作者: rapoo

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> 

读书人网 >Ajax

热点推荐