切换动画或 CSS

Question

如何切换动画或 CSS 更改？例如，我想要一个按钮，按下时会更改字体大小，然后再次按下时会变回来。我当然可以使用两个按钮，但如果有一个按钮就更好了。我尝试在更改字体大小后立即更改按钮的 id，然后为新 id 提供单独的函数以将其更改回来，但这似乎不起作用。

抱歉，我是 Jquery 新手:)

谢谢！

Answer 1

为您想要的样式创建一个类，然后使用 toggleClass 切换该类。

示例用法

$(this).toggleClass('class');

现场演示

要制作动画，包括 jQueryUI 效果核心并执行此操作

$(this).toggleClass('large', delay);

< a href="http://jsfiddle.net/fyP9A/3/" rel="nofollow">动画演示

参考

Answer 2

可能是重复这个 jQuery 切换 CSS？

Answer 3

试试这个

 $(function(){

    $('#button').click(function(){

    if (!$('.targetContainer').hasClass('bigFont'))
    $('.targetContainer').addClass('bigFont');
    else
    $('.targetContainer').removeClass('bigFont');

    });
});

Answer 4

学习 jQuery 首先可以使用切换功能来更改 CSS。
http://api.jquery.com/toggle/


$('按钮').click(function() {
$('this').toggle('慢', function() {
// 动画完成。
});
});