Question

$("#btn").button().click(function() {
    $("#textinput").css('color',function(clr) {
        if ($("#textinput").css('color') == '#000000')
            return '#ff0000';
        else
            return '#000000';
    });
});

由于某种原因，我无法在输入文本中的颜色之间切换。 jQuery的.css文档声明如下：

不同的浏览器可能会返回逻辑上但文本上不相等的CSS颜色值，例如＃FFF，＃fffff和rgb（255,255,255）。

一般来说，我怎样才能获得UI对象的属性值（css值是常量？）？

日Thnx！

Answer 1

我会创建一个类.white和一个类.black并使用.addClass（）和.removeClass（）。 html元素可以设置多个类

$("#btn").button().click(function() { 
    if ($("#textinput").hasClass("white"))
    {
        $("#textinput").removeClass("white").addClass("black");
    }
    else {
        $("#textinput").removeClass("black").addClass("white");
    }
});

我认为有人会为此发布一个更优雅的解决方案，因为我认为这对于像这样的简单任务来说代码太多了。

更新：请改用：http://api.jquery.com/toggleClass/

来使用toggleClass

通过按钮单击切换文本输入的颜色 - jQuery

1 个答案: