使用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函數添加/刪除類

回答

相關問題