如果我有.A類和.B類，并且想要在單擊按鈕之間切換，那么在jQuery中有什么好的解決方案？我還是不明白如何toggleClass()運作。是否有內聯的解決方案以將其置于onclick=""事件中？
3 回答
慕姐8265434
TA貢獻1813條經驗 獲得超2個贊
這里是一個簡化的版本：（雖然不是優雅，但易于后續）
$("#yourButton").toggle(function()
{
$('#target').removeClass("a").addClass("b"); //Adds 'a', removes 'b'
}, function() {
$('#target').removeClass("b").addClass("a"); //Adds 'b', removes 'a'
});
或者，類似的解決方案：
$('#yourbutton').click(function()
{
$('#target').toggleClass('a b'); //Adds 'a', removes 'b' and vice versa
});
白衣非少年
TA貢獻1155條經驗 獲得超0個贊
我已經制作了一個用于DRY的jQuery插件：
$.fn.toggle2classes = function(class1, class2){
if( !class1 || !class2 )
return this;
return this.each(function(){
var $elm = $(this);
if( $elm.hasClass(class1) || $elm.hasClass(class2) )
$elm.toggleClass(class1 +' '+ class2);
else
$elm.addClass(class1);
});
};
您可以在這里嘗試，復制并在控制臺中運行，然后嘗試：
$('body').toggle2classes('a', 'b');
- 3 回答
- 0 關注
- 791 瀏覽
添加回答
舉報
0/150
提交
取消