使用jquery函数添加/删除类

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，将类更改为标记并从另一个标记中移除另一个类？我该怎么做？

谢谢。

来源

2012-05-18 bombai

是在分层任何关系的标签？如果是这样，是的。如果没有，没有。 – Tejs

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

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

来源

2012-05-18 18:56:27

嗨，谢谢你的回答，但是我怎么能把这个应用到一个特定的菜单> li> id =“name”？喜欢这个？ $（'＃menu li name'）。removeClass（'classname'）;谢谢。 – bombai

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

来源

2012-05-18 18:44:20 Jorge

...和[removeClass]（http://api.jquery.com/removeClass/）和[JQuery文档]（http://api.jquery.com/）一般:) – VisioN

@VisioN好点。 .. jejeje – Jorge

我已经编辑了这个包括removeClass ... – benqus

添加类：

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

删除类：

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

来源

2012-05-18 18:45:19 panda

嗨，谢谢你的答案，但我怎么能将这一个应用于特定菜单> li> id =“name”？喜欢这个？ $（'＃menu li name'）。removeClass（'classname'）;谢谢。 – bombai

只需使用name属性作为选择器。 $（“name = ['name']”） – panda

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

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

来源

2012-05-18 18:46:31

我认为它有效 –

我们需要一个在这里的向下投票按钮。 – sheriffderek

使用jquery函数添加/删除类

回答

相关问题