使用 jquery 函数添加/删除类答案

【问题标题】：Add/Remove Class with jquery function使用 jquery 函数添加/删除类
【发布时间】：2012-05-18 18:42:47
【问题描述】：

我有这个代码。

CSS

body {
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
}

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}

.show_hide {
    display:none; 
}

HTML

<a href="#" class="show_hide">Show/hide</a>
<br />
<div class="slidingDiv">
    Fill this space with really interesting content.
    <a href="#" class="show_hide">hide</a>
</div>

$(document).ready(function(){
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });
});

有人告诉我是否可以在这个 jquery 函数中添加，如果我点击它，同时显示/隐藏一个新的 div，将一个类更改为一个标签并从另一个标签中删除另一个类？我该怎么做？

谢谢。

【问题讨论】：

标签是否以任何方式分层相关？如果是这样，是的。如果没有，没有。

标签： javascript jquery class function

【解决方案1】：

可以，看看addClass 和removeClass 的方法。

【讨论】：

... 和removeClass 和JQuery documentation :)
嗨，感谢您的回答，但我怎样才能将此应用到特定菜单>li>id="name" ？像这样？ $('#menu li name').removeClass('classname');谢谢。
打开一个新问题并询问您是否有这个疑问

【解决方案2】：

删除：jQuery('element').removeClass('class');reference
添加：jQuery('element').addClass('class');reference

并且可以使用toggleClass进行切换。
toggle：jQuery('element').toggleClass('class otherClass');reference

【讨论】：

嗨，感谢您的回答，但我怎样才能将此应用到特定菜单>li>id="name" ？像这样？ $('#menu li name').removeClass('classname');谢谢。

【解决方案3】：

添加类：

$('selector').addClass('className');

删除类：

$('selector').removeClass('className');

【讨论】：

嗨，感谢您的回答，但我怎样才能将此应用到特定菜单>li>id="name" ？像这样？ $('#menu li name').removeClass('classname');谢谢。
只使用名称属性作为选择器。 $("name=['名字']")

【解决方案4】：

是的，当然你可以添加或删除类

<script type="text/javascript">
$("#ButtonId").click(function () {
    $('#itemid').removeClass('classname');
    $('#itemid').addClass('classname');
});
</script>

【讨论】：