A-A+

jquery点击li切换样式

2015年06月26日 jquery 暂无评论 阅读 280 次
jquery点击li切换样式
一.推荐
$(this).addClass('selecetd').parent().siblings().find('div').removeClass('selecetd')
二.
$('.zhi_item').removeClass('selectd');   $(this).addClass('selected');
html部分

<ul class="zhi_style">
<li ><div class="zhi_item selecetd" id="weixin"><a href="#"><p class="zhi_p1">微信支付</a></p><b class="zhi_b"></b></div></li>
<li > <div class="zhi_item" id="zhifubao"><a href="#"><img src="images/zhifubao.jpg"></a><b class="zhi_b"></b></div></li>

</ul>

jquery部分

<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $('.zhi_item').click(function () {
            $(this).addClass('selecetd').parent().siblings().find('div').removeClass('selecetd')
        })

    })
</script>
标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录